Hello, I've designed a site that uses a css background patttern that is set to repeat-y. It looks correct in Safari, FF, PC FF, and IE 8. The container div doesn't go all the way to the bottom and I don't want it to.

However in IE7 the container div is repeating from top to bottom of the browser window, messing up the header and the footer, instead of being contained by the div. I'm not sure what is going on.

Here is the link to the website.
Hands on Thomas County

All help will be greatly appreciated.