I have just redone the css for the price comparison site in my sig at bottom of this post. I have run into one problem in IE7 which I am not sure what is causing it or if there is a way to fix it.

To make the columns equal height I have used
/*** Equal-height Columns ***/

#container {
overflow: hidden;
}
#container .column {
padding-bottom: 20010px; /* X + padding-bottom */
margin-bottom: -20000px; /* X */
}
#footer {
position: relative;
}

And put the footer in a wrapper
/*** Footer Fix ***/

* html body {
overflow: hidden;
}
* html #footer-wrapper {
float: left;
position: relative;
width: 100%;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: #ffffff;
}


Everyhing works fine except in IE7 I am getting this problem where the overflow is visible below the footer making the page really long and wondered if there is any fix for this that anyone knows of?

__________________
2009 Hairstyles - Pictures of 2009 hairstyles and a virtual hairstyler demo.
Price Comparison Site - Compare prices of well known brands and products.