absolute Positionierung mit bottom/top im IE

[Alex....]

Guckst du hier!

Danke für die Antwort, das löst mein Problem aber leider noch nicht. Das 'top:40' 'bottom:0' wird weiterhin vom IE ignoriert.

Ich habe folgende Situation:

<div id="diagram">
 <div id="windowHandle">
 </div>
 <div id="controlArea">
 </div>
 <div id="drawArea">
 </div>
</div>

Die ersten beiden DIVs sollen feste Größe haben (top:0; height:20; und top:20; height:20; bei absolute). Das unterste DIV soll den gesamten restlichen Bereich ausfüllen.

Das CSS sieht wie folgt aus (analog zu deinem Beispiel):

#diagram {
 position: relative;
 top: 30px;
 left: 130px;
 width: 1000px;
 height: 630px;
 border: 1px solid #0033CC;
}

#windowHandle {
 position: absolute;
        top: 0px;
 height: 20px;
        width: 100%;
}

#controlArea {
 position: absolute;
        top: 20px;
 height: 20px;
        width: 100%;
}

#drawArea {
 position: absolute;
        bottom:0;
        width: 100%;
        overflow: scroll;
}

wenn ich für #drawArea noch ein 'top:40px;' angebe klappt das wie gesagt im FF, aber eben im IE nicht.