CSS problem

Har sökt men hittar inga bra svar på detta problem...

Sitter med en hemsida som har en #container och sedan en #main innuti den, både containern och main har "height:100%;" och detta funkar utmärkt i FF2.0 och senaste Opera. Dock inte i IE7.0 (inte testat 6.0), i IE så slutar #main mycket längre upp än vad den borde göra.

Kod:

#container {
position:absolute;
top:10px;
left:30px;
height:100%;
min-height:100%;
width:950px;
}

#main {
position:absolute;
top:216px;
left:0px;
height:100%;
min-height:100%;
width:680px;
background:url(images/wee2.jpg)
}

Har suttit ett bra tag nu och försökt lösa detta men det vägrar fungera... Sidan hittar ni på: http://213.66.180.16/ekvik/

Tacksam för hjälp.