ie6 bug - uls won't float to the left!

HTML & CSS
1

Hi, I hope someone can help me with this ie6 bug, here’s the link to the html file:

http://www.filamentmedia.co.uk/ie6bug/test-list.html

When you scroll over the ‘products & buy’ link, five uls will appear, they should be floating to the left, but it doesn’t work in ie6.

2

Hi,

The problem in IE6 is that the parent float (top-level) has a fixed width and IE6 won’t let it escape from this width and puts everything vertical.

You would need to remove the width from here:


#nav .topnav li.top-level {
    background:transparent;
    border-bottom:1px solid #000000;
    float:left;
    font-weight:bold;
    height:15px;
    padding:6px 13px 8px;
   [B] /*width:164px;*/[/B]
}

You could set the anchors width instead if needed.

3

thanks! that fixed it