Dave M G wrote:

> Adding the .class to the last item in the list does solve the problem
> of the width of the main menu. Unfortunately, the menu is generated
> from within a CMS, and I can't quite get that solution to be
> compatible with the PHP code that drives the HTML.
> 
> However, even though I have to find another way to skin that cat, I
> can at least now see where to focus my efforts.

Try this modification:

#main-menu li {
        width: 34%;
        margin-left: -1%;
        position: relative;
        left: 1%;
}

It will solve the problem without an extra class, by moving each
list-item to the left so they don't fill up the space in #menu ul - and
therefore can't drop, and then offset them back again so they appear to
be in the correct places.

IE/win's percentages-to-pixels calculation flaws will make it look less
than perfect at certain window-widths - especially in IE6, but a
background-color on #menu ul will mask that most of the time.
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to