Div's overlapping in IE7

I am having problems with overlapping div's in IE7. #mainContainer doesn't seem to consider 100% height. It only expands to monitor rezolution. Everything is fine in IE6, Opera, Firefox. Please have a look at it here: http://www.studioweber.ro/html/test.htm. I was testing around and I am close to solve this. I still need to write a workaround for height: 100% to only show for FF and not in IE7. If I take it off, I will not have the background spread all the way to the bottom if the text is smaller - see this example - http://www.studioweber.ro/html/test2.htm. Thanks in advance for your help. Alex

IE7 does support min-height so change this
#container {
height: 100%;
min-height: 100%;
}
to this
#container {
min-height: 100%;
}
/*\*/
* html #container { /*should be read by IE6 and below if IE7 is in standards compliant mode, if not IE7 will read this as well.
height:100%;
}
/**/
And just so you know display:table; isn't supported by any version of IE. Its not needed in your situation.

It works perfectly now. Thanks a lot Aerospace. Alex