I have been developing a site in Firefox 3.6, and when viewed in 3.5 today I noticed that the following CSS was not working as it should:
html, body {
background: #E5FFCF;
min-height:100%; /* needed for container min-height */
height: 100%;
font-size: 90%;
}
body.theme_layout_three {
background: #E5FFCF url(../images/bg-center-470.gif) top center repeat-y;
}
On certain pages, my <body> tag has a class of theme_layout_three indicating that it should get a certain background image.
In FF 3.6 and IE (6, 7, 8 tested), the background extends the full height of the browser window (as I believe it should since this is a body tag). However, in FF 3.5 the background is stopping at the bottom of the content.
Is there something I am doing wrong here? Spent hours debugging this project for IE6 (of course) and now I'm stuck on little glitch in FF.
Thanks.