Hi All,

Can any one tell me why 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

cheers for you time in advance.

Steve

 
<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>


<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>

Exactly why, I can't tell you, but I can tell you what to do:
Add simple background: inherit; to #footerInfo and #footerImage in your CSS and that's all.

Probably you'll see then another problem with heights of the divs but that's another problem to solve

HI there. Thanks for your input.

works fine now

Hi guys!

I was having the same problem with a form of my own, did what was advised by pitbull on this post, and problem fixed!

Thanks pitbull!

yeah its a height issue.
If you define a container layer and specify the height, it will default to auto height.
Specify the height and all is sorted.