Internet Explorer zickt extrem bei nebeneinander platzierten div

[VerteX]

hi

ich wusste zwar, dass der internet explorer so seine probleme mit nebeneinander platzierten divs (wie auch mit vielen anderen standard-konformen dingen) hat, aber mein jetztiges projekt hat mich echt überascht.

die "sachlage":
ich habe drei divs, die zur grundformatierung des layouts benutzt werden. die ersten beiden sind nur zur hintergrund-darstellung nötig und in dem dritten ist der eigentliche inhalt.
die beiden hintergrund-divs habe ich mit einer breite von jeweils 50% und "float: left;" nebeneinander platziert, den dritten div-block habe ich dann per: "margin: 0 auto; position: absolute; top: 0;" zentriert darüber platziert.
in standard-konformen browsern wie meinem liebling dem firefox und auch im opera funktioniert es tadelos (so wie es sein soll).
aber als ich das ganze dann voller erwartung im IE geöffnet hab, hab ich erstmal einen schlag vorn kopf bekommen. der IE packts überhaupt nicht, platziert alles "wild durch die gegend" (nicht wirklich, sieht aber so aus).

ich bin echt ratlos wie ich das lösen soll.
hier das betroffene layout. ich habe das CSS mit in die datei geschrieben:
das problem-layout

vielleicht hat ja jemand einen guten rat, ohne das ganze jetzt komplett umbauen zu müssen?!

[ChrisB]

Hi,

hier das betroffene layout. ich habe das CSS mit in die datei geschrieben:
das problem-layout

Als allererstes: Den Quirksmode verlassen.

MfG ChrisB

[gast42]

vielleicht hat ja jemand einen guten rat

ja, der CSS-Validator