Joanne wrote

> http://www.melbournecostumehire.com.au/test/
> 
> In IE6 & 7, the background of this navigation is black. In Firefox & Safari,
> 
> only the hyperlinks are black background and when they finish, the
> background color of the rest of the #navigation div is showing as white.
> 
> How do I fix this?
> 
> Joanne

Hi Joanne

Adding this style fixes the issue with Firefox

#navigation {
        overflow:hidden;
}

The #navigation div contains the ul#p7PMnav element which contains the floated 
<li>. So having the overflow property set to hidden or auto, causes the 
#navigation div to contain it's floated grandchildren. This already happens in 
IE since the #navigation div has a width of 900px thus inducing hasLayout for 
this element and the auto containing of floats bug.

The fix should also hopefully work with Safari/Mac.

Kind Regards, Alan

______________________________________________________________________
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