marcus: divs übereinander

Beitrag lesen

hallo zusammen,

folgender code:

<div id="headwrapper" style="height:172px;">
<div style="position:relative;left:0px;top:0px;height:172px;">
<div style="left:0px;position:relative;float:left;background-color:#403f2e;height:23px;width:1008px;margin-bottom:1px;"></div>
<div style="left:0px;position:relative;float:left;background-color:#ffffff;height:149px;width:1008px;background-image: url(/images/BILD1.jpg);background-repeat:no-repeat;"></div>
</div>
<div style="position:absolute;top:0px;width:1008px;">
<div style="left:30px;top:5px;position:relative;float:left;"><img src="/images/BILD2.gif" border="0"></div>
<div style="left:790px;top:12px;position:relative;float:left;"><img src="/images/BILD3.gif" border="0"></div>
</div>
</div>

"headwrapper" ist mittig ausgerichtet.
die ersten beiden inneren divs sollen übereinander liegen, erst ein grauer balken und dann das BILD1 darunter (muss als BG sein, weil in den div noch was rein soll).

die beiden zweiten inneren divs sollen zwei grafiken (BILD2, BILD3) ÜBER den verlauf der ersten beiden layer legen.

der o.g. code funktioniert unter FF auch recht gut, so wie es sein soll, nur IE zickt rum, vermutlich weil ich beim zweiten inneren container position=absolute gesetzt habe, was aber ohne dazu führt, dass auch FF nicht mehr klarkommt :-(

ist mein ansatz komplett falsch oder hab ich nur ne kleinigkeit vergessen? oder gehts so gar nicht?

bin für jeden tip dankbar.

danke und gruß
marcus