Multiple floats with padding not displayed in a line

When multiple list items <li> with padding are floated next to each other, Internet Explorer 6 does not display them in a straight line, but instead displays them in a descending diagonal line.

Test page Workaround is included
Reported by: Ruben Arakelyan.

Explorer 5-6 Windows | Reported on 1 May 2006.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by K on 1 May 2006 | Permalink

But you're not floating the LIs, you're floating the links inside them, so they're being floated inside the parent LI, not the UL. The next link gets floated inside the next (flowed) LI.

Just float the LI and you'll be fine. Turn the link into a block level element if you like.

2 Posted by Ruben Arakelyan on 1 May 2006 | Permalink

I know I'm floating the links, but no other browser seems to mind... I point out on the bug page that floating the LI instead fixes the problem for IE.