numnum - 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.
How do I accomplish this using only CSS?