Why does background color occasionally extend into other layers. (especially in firefox, error not show in IE) I have a background color that is defined in a header. However, it is showing in the main content area of the page as well.

any help would be appreciated.

steve

Please show an example/code of the site otherwise I won't help you because I don't know what you're talking about...

Hers the code :

i am loosing the background color defined in bgfooter which is additionaly a container layer WHEN viewing through firefox.
Background shows fine when using IE

Steve

Code:
<style>
#bgfooter {
background-color:#006699;
width:750px;
font-size:.8em;
text-align: left;
color:#ffffff;
}
#footerInfo { float:left; width:659px; }
#footerImage { width:91px; float:right; text-align:right; }

A.foot:link { color:#FFFFFF; text-decoration: none;}
A.foot:visited {color: #FFFFFF; text-decoration: none;}
A.foot:hover {color: #00ccff; text-decoration: none;}
A.foot:active {color:#FFFFFF; text-decoration: none;}
</style>


Code:
<div id="bgfooter">
<div id="footerInfo">
<a href="../engineering-development/disclaimer/index.htm"
class="foot">Disclaimer</a> |
<a href="../engineering-development/copyright/index.htm"
class="foot">Copyright</a> |
</div>
<!-- end footer info here -->
<!-- footer image here -->
<div id="footerImage"><img src="../images/logo2a.jpg" width="91"
height="36" /></div>

</div>
</div>