I am finishing a design that has one major problem. I am using the overflow:hidden in my content class and that makes the content of my footer look correct in IE7 and FF. The content container "sticks" to the bottom of the screen and the footer content stays within the footer. BUT in IE6 this makes most of my content hidden. When I take is (overflow:hidden) away IE6 displays correctly but in IE7 the footer content overflows the footer and the container no longer "sticks" to the bottom of the viewport.

How can this problem be fixed to make bothe browsers happy?

link to site

Thank you so much for any advice.