Problema con propiedad "auto" en IE

[JuanMF]

Que tal, estoy tratando de generar unas divisiones estadares de un sitio en tres partes (div head, div main y div foot).
La configuración del css es la siguiente:

html {
heigth:100%;
}

body {
heigth:100%;
}

#head {
position:absolute;
heigth:45px;
top:0px;
left:0px;
rigth:0px;
bottom:auo;
width: 100%;
}

#main {
position:absolute;
heigth:auto;
top:45px;
left:0px;
rigth:0px;
bottom:25px;
width: 100%;
}

#foot {
position:absolute;
heigth:25px;
top:auto;
left:0px;
rigth:0px;
bottom:0px;
width: 100%;
}

Esta un poco simplificado. Este estilo funciona de maravilla en Mozilla pero el problema es con IE que no redimensiona el div main segun los datos de la pantalla con respecto a los datos de top y bottom (hace caso omiso a width:auto).
Ya lo he arreglado con un javascript pero quisiera saber si hay alguna otra opcion para terminar este problema desde CSS sin tener que usar este tipo de recursos.

Muchisimas Gracias

Juan.