Too much extra padding at the bottom of the page

advertisements

I have way too much padding at the bottom of my page and I have no idea why it is there. I have looked at Firebug in Firefox, but can't seem to find out which element is causing the extra padding. I know it will be really stupid, but I can't for the life of me figure it out. Thanks for helping out!

The site can be found by clicking here.

EDIT: I just realized that this is an issue specific to Firefox. It looks like I would expect when I load the page in Safari. Any idea why Firefox would render the page with an extra 200 or so pixels at the bottom of the page (which causes the browser to have scroll bars when the page doesn't require them).

Thanks for the suggestions already given!


I just looked at the site. Remove

.cf:before, .cf:after {
    content: "";
    display: table;
}

It's on line 1361. If you turn off either property the extra space goes away. To find it I just methodically deleted each piece of html in firebug until the culprit was found, then started turning off properties one by one.

Nice site.