Problem med DIV height

Hej!

Har fått ett litet konstigt problem med sidhöjden. Den går att få att se ganska snygg ut. Men om jag gör fönstret mindre på höjden så ser ni att höjden blir helt tokig. Någon som har lust att se hur jag borde lösa det. Finns på www.heelia.se.

#wrapper {
text-align: left;
background: url(http://ki.se/ki/road/Classic/images/body_shadow_left.png) repeat-y top left, url(http://ki.se/ki/road/Classic/images/body_shadow_right.png) repeat-y top right;
margin: 0 auto; /* centrering av DIV i alla moderna webbläsare */
padding-left: 25px;
padding-right: 25px;
width: 1100px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#container {
padding: 0 20px 0 20px;
background: white;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#header {
padding: 0px 20px 0px 20px;

}

#content {
padding: 20px;
background: white;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/pageBkg.png') repeat-x;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/footerBkg.pn...') top left repeat-x;
font-size:1.2em;
line-height:1.5em;
}

#footer {
padding: 0px;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/pageBkg.png') top left repeat-x;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/footerBkg.pn...') top left repeat-x;
font-size:1.1em;
line-height:1.3em;
color:#636363;
margin-top:50px;
height: 180px;
}

Containern vill inte sträcka sig hela vägen ner, så "bakgrunden" syns igenom.