Popout issue

[GaijinPunch]

I've done some edit's to the Tanfa Horizontal Popout Menu (

http://www.seoconsultants.com/css/menus/horizontal/),

but have a few discrepencies between Firefox and IE6.

In my first example (

http://www.gamengai.com/width.html)

everything is fine in both Firefox, IE6, and IE7. The only problem is, I want variable width menu items.... specifically, as much width as there is space for text.

I try commenting out the width property in the menu element

/* width: 12em; */

Which gives me this:

http://www.gamengai.com/nowidth.html.

Now, it looks like I want it to in Firefox and IE7, but IE6 breaks it. It makes the width of each item the full width of the menu object (700px in this case), then puts the next one on the next line. No bueno.

Any suggestion? I also tried manually setting the width of each of the <ul> items, but didn't have any luck there.

 

[traingamer]

Your site is blocked from my place of employment, but I'm guessing a display:inline would help you out.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[GaijinPunch]

Man, they really need the edit feature enabled here.

display: inline results:
in Firefox no change
in IE 7, now each <li> item is of variable width:
in IE 6 - -same results as without.

 

[Vragabond]

To achieve width that is only as long as the content inside it, one would use [tt]width: auto;[/tt]. However, I am not sure if that will work in IE or if not specifying some definite width will ever work in Opera. That said, I would suggest you just give it a certain width -- I must say that to me it even looks better that way.