[thelist] horizontal menu and IE6

Gunlaug Sørtun gunlaugs at c2i.net
Wed Oct 15 15:31:44 CDT 2008

Roel Mulder wrote:
> There is this CSS thing I just can't grasp. We put a site together 
> today, which features a horizontal menu. Only in IE6 the buttons 
> spread to full width, and underneath each other.
> url: http://helen.mta.nl/

The float-width is pushed to full ul-width because of the 'display:
block' declared on its content - the anchor - pushes outwards.

Since you need the 'display: block' declaration for other browsers, the
easiest solution is to add something like...

* html #navcontainer ul li {width: 3em; white-space: nowrap;}

...which works with such a small width-value because IE6 auto-expands
too small elements to the width of their content - the 'auto-expansion
bug' - and the anchor-text can't wrap.


More information about the thelist mailing list