I came across a problem yesterday that I just couldn’t seem to solve, so I though it would be a challenge to you, my dear readers. The scenario is that I want to have an ordered list where the list items are floated. However, for some reason, IE refuses to show the numbers then.
When having such a list and the list items aren’t floated, the solution is to add padding to the
ol element to see the numbers, but I don’t know how to solve it when I want them floated. I tried with
position: relative, tricks like
height: 1% to get the element to render correctly with the hasLayout problem etc, but it just doesn’t work!
The HTML code is extremely simple, so the problem doesn’t lie in there:
<ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol>