On Wed, 9 Jan 2008 22:48:49 -0800, Julian Tulip's Licorice wrote:
> Hello,
>
> http://johnkehm.com/hana
>
> If you look at this page on IE6, the top nav bar has a pretty tall bottom 
> margin.
> I put a green border around it (border may not show in IE7 or Firefox).
>

It looks to me like IE6 is adding the text height to the 51px height
of the "a" element, expanding the entire list. Putting a background
color on ".nav ul" shows me that this is not a margin problem but
a padding one. Over-specifying heights does not help when IE gets
the calculations wrong.  :(

In any case, there are problems with this navigation in many scenarios
where your pixel-sized font may be overridden, causing the whole bar
to break in two. I suggest this possible solution for your horizontal
menu:

<http://dizque.lacalabaza.net/temp/full-width-navigation-bar-with-css.html>

Cordially,
David
--

______________________________________________________________________
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