Internet Explorer ordered list non-incrementing list item

|Reading time: 37 secs

This bug is already documented at QuirksMode. Basically, instead of normal list-item increment: 1, 2, 3 and so on, IE 6 renders 1, 1, 1,…

It’s sometimes triggered by setting any value for an ol’s width property. Read more about it and see test pages at QuirksMode.

Setting and overriding list-style property rules for a list-item does the same mess. For example:

li    { list-style: none; }
ol li { list-style: outside decimal; }

would trigger this bug.

The workaround is more than obvious – list-style property should be set only for list items in unordered lists.

Marko Dugonjić is a designer specialized in user experience design, web typography and web standards. He runs a nanoscale user interface studio Creative Nights and organizes FFWD.PRO, a micro-conference and workshops for web professionals.

Interested in more content like this?