Using suckerfish examples I'm trying to build a multi-level menu using nested UL LI sets.
I *must* set a width on the LI element so that my contained A having display:block; can fill the container. Now, since I don't know how wide my total list is going to be I want to use the minimum space possible, so I have width:2em; set on the top level of LI elements. 2em sounds very small, but coupled with white-space:nowrap; it means IE expands the container as needed. This is great. Looks good - just as I want. Submenu items (LI LI) have a specific width set (12em) and are allowed to wrap so all of the menu items occupy the same with in the dropped down column of Lis. All is sweet until I try it in FF NS or Op. All truncate the top level LI to the 2em I specified. So here's my problem... I don't want to set a specific width. I want each LI to expand to fit its contents. (This would be width:auto;, right?) If I set a fixed width my menu looks terrible. If I set width:auto; each LI expands to 100% of the browser window - also terrible. If I set width:2em; IE mis-handles it perfectly but all other browsers look terrible. If I leave width not set FF and NS handle it fine, but IE and Op use 100%; What do I need to do to get my LI elements to occupy the minimum width necessary for their content? Brian Lowe xaviar.co.uk 07753 205716 [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
