More on styling lists

Posted on by

Probably something to do with IE’s wrong interpretation of the box model, but if you style a list as: 

<li class="bodytext">Text</li>
<li class="bodytext">More text</li>

You get the bullets not lining up with the top of multiple line list items as they should, in IE for PC: they line up with the bottom of the item instead.

They also do not show up as the correct list-style, if you choose square or something else.

Style lists as 

<div class="bodytext><li>text</li></div>

and list bullet alignment and list-style all straighten themselves out.