AskMeCha CSS gurus? hi kids. I got a strange thing happening on my page and I can't figure out why!→[More:] Check adland out and scroll down... down down.. See? the footer is all white and goes on for miles! wtf? I don't see how it can do that - my css regarding footer:

#header, #footer
{
width: 50em;
}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
position: relative;
z-index: 1000;
}

/* width = content + right sidebar + left sidebar */
body.sb-none div#main-content, body.sb-none div#main-content .verticalalign,
#header, #footer, #wrapper, #page_wrapper
{
width: 85em;
}

/* footer styles*/
div#footer
{
width:100%;
background-color:#b6cf84;
border-top:1px solid #d8efa6;
border-bottom:5px solid #94ae62;
padding-top:5px;
padding-bottom:5px;
color:#FFF;
text-align:center;
}
div#footer a
{
text-decoration: none;
color:#060;
}
div#footer a:hover
{
color:#090;
}


at this point I'll try any suggestions, been scratching my head on it for weeks.