100% height Divs in IE

[MCrosbie]

Hi,

I'm having problems with my 100% height div. It works in Firefox, Camino and Safari but not in Internet Explorer.  The Whole_menu is the one that I want 100%. I also have a table inside this DIV with 100% height. My CSS file is as below:

html{
  height: 100%;
  min-height:100%;
  width: 100%;
  margin: 0em;
  padding: 0em;

}
body {
height:100%;
min-height:100%;
background-image: url(../images/header_bg.png);
background-repeat: repeat-x;
background-position: 100px top;
background-color: #5b6471;
margin: 0px;
}
/* Menu info */
#Menu_whole {
position:absolute;
left:24px;
top:51px;
width:270px;
height:100%;
min-height:100%;
z-index:0;
}


Help!

[ToonMariner]

Now I may be wrong here but I beleive there is a difference in how these browsers calculate sizes of elememts. I THINK that ie will make the box 100% of the height of its contents while the other browsers will make the box 100% of its available space.

But someone will correct me on that I am sure.

[MCrosbie]

So what's the solution then? What do I need to change/add to my stylesheet/html page?

Cheers though for your suggestions!

[ToonMariner]

if you are wanting the div to LOOK like it goes all the way to the bottom then the only realsolution is to set a background image of the parent container that is as wide and the same color of teh background you want for the menu div. and let it repeat-y.