The background isn't showing up in FF because its children are
floated. The CSS spec says that floated elements are taken out of the
flow of the document, therefore the parent element won't expand to the
height of its children.
The quickest fix for you would be this:
#content:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
width:0;
line-height:0;
}
Worked for me in FF 3.1, should work in FF2 & 3.
-Ryan
On Jan 23, 2009, at 8:12 AM, Matthew Stoneback wrote:
Have a quick question that I am sure someone can help with in short
order....
I am starting to go to production on a new site and I cannot seem to
get a
background image to function properly on the id "content." To my
surprise
the page views correctly in IE but not in Firefox! What am I
missing? I am
guessing it is something simple I am overlooking from staring at the
code
too long.
Here is the HTML: http://www.eddysound.com/dev/hangmenmc/
Here is the CSS: http://www.eddysound.com/dev/hangmenmc/hangmenmc.css
Any help is appreciated as always.
Thanks!
Matt Stoneback
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
Ryan Doherty
rdohe...@mozilla.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
