white area under footer

[spuryou]

I'm helping a friend with his site. I'm not that great with CSS but can most of the time figure out my problems. Anyway his site has about 6 pages, the pages look fine on the laptop but on my 24 inch monitor a large white area appears at the bottom of the page under the footer. Some pages with less content it shows up bigger, maybe 2 to 3 inches. Basically the page is centered and it has a background named "featured" with an image. I need that white part gone and I'm not sure what to do.




css:
[CODE]
.content {font-size: 1.1em;}
#content-wrapper {
background: #6D7B8D url('img/content-wrapper.gif') repeat-y center top;
}
.content#content-two-columns {
background: url('img/content-two-columns.gif') repeat-y left top;
}
[CODE]

[spuryou]

better picture