I have been working on this site, http://hidden.xx The problem is that the <body> is pushed down about 20px from the top. And that is causing problems at the bottom of the page where you can see that the background gradient is beeing repeated the last 20px. If you try to take out firebug or any other panel the area where the repetition is happening gets bigger.
I have tryed solving this but firebug gives me no clues of what is causing this behavior.
I try’d absolute positioning the body to the top and that sort of solves it, but the repeating area appears again if you pring out a panel from the bottom of the browser, like firebug etc.
edit: There was two issues, first issue was a margin collapse issue and was solved thanks to @zzzzBov. And the second issue was solved by adding background-repeat:repeat-x; to the body, thanks to @Alex
Margin collapsing strikes again!
the margin on
#wrapperis collapsing withbody. You could change it topadding: 20px 0andmargin: 0 auto;