I'm trying to remove the black gap at the bottom of this website, and I can't for the life of me work out why it's appearing.
I've looked through it with Firebug, and I'm having no luck here at all finding the mysterious cause of the gap.
Personally I think the black bit at the bottom looks good, it kind frames the page nicely, but to remove it, you can just pad out the
#footerwrap div with:
padding:20px; which gets rid of it :)
it looks like a margin collapse issue.
something with a margin is pushing out the body.
you can see this by changing the padding on body to 1px.
read up about margin-collapse issues here: http://reference.sitepoint.com/css/collapsingmargins
I normally solve collapsing margin issues by setting vertical padding to 1px on container elements
not sure which element is the culprit here...
http://complexspiral.com/publications/uncollapsing-margins/ explains more about how margins collapse and the problems they cause