The symbol selected using list-style or list-style-type actually appears in the left-hand margin space.

If you give your ul a margin-left: 20px for example, you will see the square.

This has the issue that the squares are to the left of your seperation lines but that may not be an issues for you. If it is, the best way around it I think is to provide your own image.