Hi All,
I am using a div with a 100% height (within a document with body with body
and html set to 100% too) as a method of getting some colored bars down the
side. This seems to work just fine in IE and mostly fine in Mozilla but
there's a hitch. Mozilla isn't doing the background for #content elements
below the fold. Anything below the first screen full has the background from
the body and not #content.
I'm coming up short in ways I can get around this. Anyone have any ideas?
html, body {
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
background: #95C8FF;
}
#content {
height: 100%;
background: #fff;
}
....
<body>
<div id="content">Stuff with white background</div>
</body>
....
Matt.
