Sarkast: Internetexplorer, Problem mit Floats und absoluter Positionierun

Beitrag lesen

Hallo,

Ich stehe vor einem Problem und weiss einfach nicht wie ich es lösen soll/kann.

Und zwar will ich einfach in einem Div, mehrere Divs haben die hintereinander angezeigt werden. Diese Divs sollen "Phasen",des Elternelements darstellen. Sowie ein Text über dem ganzen. Der folgende HTMLcode zeigt im Firefox genau daswas ich haben will, im Internetexplorer allerdings nicht (welch wunder...)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
</head>
<body>

<div style="position:absolute; top:100px; left:100px; width:200px; height:50px; border:1px solid #888; background:#f88;">
 <div style="position:absolute; width: 100%; text-align: center;" >stuff</div>
 <div style="float:left; width:100px; height: 100%; background:blue;"></div>
 <div style="float:left; width:70px; height: 100%;  background:green;"></div>

</div>

</body>
</html>

Für Hilfe wär ich sehr dankbar. Es wär schön wenn das funktionieren würde  ohne die  Domstruktur zu ändern.

Tom