hi

I set
body {
margin: 0;
padding: 0;
}
to avoid unnecessary margins in browser and
#container {
width: 100%; /* Width for IE6 */
background: url('/patterns/dgren050.gif');
}
body > #container {
width: 100%; /* Width for all other browsers */
min-width: 760px; /* set a minimum width */
}

but can't get rid of strange piece of body(?) at the bottom of the page.

would anyone explain me this behavior? if one needs to look at the test site - http://stas-arkhipov.info/

CommentFileSizeAuthor
2009-12-08_103543.png10.91 KBstanley78

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Set overflow:hidden on #container, its caused by clear-block.

#container {
background:transparent url(/patterns/dgren050.gif) repeat scroll 0 0;
overflow:hidden;
width:100%;
}
stanley78’s picture

stanley78 commented
Status: Active » Closed (fixed)

thank you very much, that's it