div elemente mit variabler groesse

Salut,

folgendes Problem quaelt mich.... :)

Ich habe ein Layout erstellt, welches ein...

...Header mit bestimter breite und hoehe, ausgerichtet nach top beinhaltet,
...ein Footer welcher ebenfalls mit bestimmter breite und hoehe jedoch nach bottom ausgerichtet ist

und nun das Problem,
habe zwieschen den beiden anderen elementen ein weiteres "content" welches ebenfalls eine bestimmte
breite aufweisst, jedoch muesste die hoehe varibel sein (100%) das klappt auch recht gut unter firefox
im IE habe ich hingegen ein total anderes ergebnis.

koennte mir da jemand weiter helfen?

Besten Dank
Ben

im css sieht dies momentan so aus....

#start {
position: fixed;
top: 0px;
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
border: 0px solid #000;
bottom: 0px;
z-index: 0;
}

#header {
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
width: 798px;
height: 98px;
border: 1px solid #000;
background-color: #CCCCCC;
z-index: 1;
}

#mainnav {
position: absolute;
top: 105px;
padding: 0px;
margin: 0px;
width: 798px;
height: 23px;
text-align: center;
border: 1px solid #000;
background-color: #CC99FF;
z-index: 1;
}

#content {
position: absolute;
top: 135px;
margin: 0px;
width: 798px;
heigth: auto;
border: 1px solid #000;
background-color: #99CCFF;
bottom: 30px;
z-index: 1;
}

#footer {
position: absolute;
border: 1px solid #000;
padding: 0px;
margin: 0px;
width: 798px;
height: 23px;
background-color: #CC99FF;
text-align: center;
bottom: 0px;
z-index: 1;
}