Luke: Abgefucktes IE Problem

Beitrag lesen

Hallo,
Ich habe das Problem hier schon vorher angesprochen, aber bin nicht wirklich auf den Kern gekommen; Folgendes: Ich habe folgende DIVs:

<div style="background-color: #FF0000;">  
 <div style="background-color: #00FF00;">  
  <div style="padding: 10px;">Insanely Interesting Blogentry</div>  
 </div>  
</div>  
<div style="margin-top: 10px; border: 1px #0000FF dashed;">blah</div>

Eigentlich sollte man davon ausgehen dass das rote DIV von dem grünen überdeckt wird, darin mit padding von 10px "Insanely Interesting Blogentry" steht, und darunter ein blau umrandetes DIV mit "blah" steht. Nix da, nicht im IE. Da sieht es so aus:

Das DIV mit dem roten Hintergrund fließt unter das letzte DIV. Ändere ich Padding-Werte zieht der IE mit. Gebe ich jedoch mehr Text in das letzte DIV ein passiert das:

Das rote DIV bleibt bei der ersten Zeile stehen. What the fuck!

Hat einer Rat?

Luke