Glenn Weatherson wrote:
> My navigation works correctly in ie, but in firefox it overlaps. 
> Thanks in advance for your consideration.

> http://iamglenn.com/nav/

Well, IE has never been particularly good at math... :-)

You must set font-size for the entire navigation on the outer
nav-element (and not further in), as all em-based dimensions are based
on that font-size.

Using your font-size value, this is where it should be set...

#nav {font-size: 12px;}

You have forgotten to add 'padding' to 'width' when setting the offset.
You have...

#nav li a {
width: 13.50em;
padding: 0 0.5em;
}

...which results in 14.5em total width in any standard compliant
browser. So offset should be...

#nav li ul {
margin-left: 14.5em;
}

The above corrections make all levels line up correctly in Opera,
Firefox and IE6, but you'll have to 'hack the box-model' if you want
older IE-versions to get it right.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to