Unknown margin being added to a footer in IE6 + 7

Question

So yeah, like I said, I've spent a few hours trying to fix this bug in the footer that add's an extra 20-30px on to the bottom of the page in IE6 and 7. I've currently set all bottom margins to 0 so as to find what's causing it, I then scoured ie developer tools but came up empty.

Here's the homepage design hosted on my web design playground - Link

Can anyone see the remedy?

Answer 1

I see:

/** FOOTER **/
#footer {
    margin: 40px 0 0px 0;
    padding: 30px 0 0 0;
    background: url(images/footer.png) no-repeat top center;
    color: #404141;
    font-weight: bold;
    font-size: 11px;
}

Try changing the margin and padding to 0.