The other day, I found an Internet Explorer ordered-list bug I hadn’t seen before:

A numbered list of items which looks right in other browsers will be rendered with the number “1” in front of every item in IE7.

This happens when a width is added to the “LI” tags in an ordered list. Internet Explorer 7 will not increment the numbers.



Assuming you wish to keep the width specification, to fix this issue you must add display:list-item to the li tags.

Picture 16.jpg

Then IE will render the numbers correctly. (Except, of course for the decimal-leading-zero property which it still ignores.)

SnagIt1.jpg