Msg#: 4383192 posted 7:55 pm on Nov 3, 2011 (gmt 0)
I've created a drop-down (or pull-down) menu employing an HTML unordered list (UL) and CSS. It's easy enough to set a uniform width for all columns. But what I want is for the top row in each column (the one you see without hovering) to be narrower than the rows below it (the list items that appear when you hover) AND for all rows below the top row in each column to be uniform in width (rather than ragged right).
You'll find a perfect example of what I want to accomplish at the Pubcom site [pubcon.com ]. Notice when you hover over the horizontal menu bar at the top of any page that the rows below each category extend to the right yet are all the same width.
The above won't work in IE6 so google "suckerfish menus" for a js fix to make it work in IE6 but you will have to lose the child selector in the above rules and counteract the styles in the nested list.