IE6 IE7 ordered list numbering bug

There is a strange bug in IE6 and IE7. Usually when you do

<ol>
<li>xxx</li>
<li>yyy</li>
</ol>

The xxx and yyy will be listed with 1 and 2. This is not the case in IE. Number before list items are always 1 in an ordered list.

IE7 nubmering bug

To fix this, please add

ol li { display: list-item; }

in your CSS.

Please also take a look at the last item on the list on the right hand side. The number is align at the bottom of the item instead at the top. So simply add

ol li { vertical-align: top; }

The ordered list should display as expected.

CSS Hacks for Chrome, Safari & IE

With more extensions to Chrome, I’m currently more stick to it. Although Chrome, Safari and Firefox are all standard-compliant web browsers, there are some subtle differences with CSS on them. Most CSS hacks pages concentrate on the differences between FF and IE, this page also includes the hacks for Chrome and Safari.

http://www.giantisland.com/Resources/LitePacificHackforSafariAndIE7.aspx