Issue getting footer to "stick" to the bottom of the page

I am having an issue with a worpress template, I am trying to get the footer to stick to the bottom of the page. I have found code to do this but on some pages there is a grey section between the footer and the body of the content. I have inspected this in firebug bug there seems to be nothing there. It 开发者_开发百科only happens on screen with high resolution eg 1280x1024 but it is fine on my laptop which has more of a widescreen resolution (1280x800)

Here is the link one of the offending pages: http://caroline.ie/yourbrownenvelope/?page_id=74

Any ideas what could be causing this grey bar? Thanks

#wrapper {
height:auto !important;
margin:0 auto -74px;
min-height:100%;
}

You will have to change your wrapper structure abit. The negative margin and min-height seems to cause this weird behaviour.

Check out this link http://www.cssstickyfooter.com/ for a solid sticky footer solution.