Question

Please view this fiddle in IE6:

http://jsfiddle.net/rS4dE/2/

Unless I add a width of 1% to the li elements of the ul then they balloon to fill all the available space provided by the parent. If i do add the 1% width hack then some of the text in the hyper links breaks onto two lines which is totally undesirable.

Thanks for looking.

Answer 1

sorry that you’re forced to support IE6. My idea is to add:

white-space: nowrap;

To your #topmenu li selector to prevent the text from wrapping. This shouldn’t have any negative effects on any “more modern” browsers either.