Quote Originally Posted by nils View Post
I'm wondering if anybody could take a look at my site in IE6 and help me understand why each top level list item is taking up a whole row. I've played with spacing, display types, margins and padding but to no avail. Any help anyone can offer would certainly be greatly appreciated. It works great in IE7, Firefox, Safari, etc. but not in IE6.
Thanks so much!
I figured out what was going on. I had set the width of the UL LI to be auto and this made it so that regardless of the length of text, the box would fit to the text with just some padding/margin around it. It worked great in Firefox and IE7 but caused IE6 to place each top level list item (LI) on it's own line. Very ugly. I'm fairly handy with CSS but wasn't able to figure out how to make it stretch like I wanted in both IE6 and Firefox. When it worked in IE6, it didn't work in Firefox and vice versa. I resolved to just make my link text fit within a predefined width for all browsers and that seemed to do the trick. Not the resolution I had hoped for but not a bad workaround in my case.
-nils