position:absolute und leere Blöcke

[split.s]

Ich verstehs einfach nicht.

Ich möchte einen Kasten basteln in dem im oberen Teil über dem Inhalt ein blauer Balken liegt der keinen Inhalt hat.

Das mache ich so:

  
<div style="position:absolute;border:1px solid green">  
   <div style="height:10px;background:blue"></div>  
   Inhalt  
</div>  

Ich stelle fest:
1. Im IE wird der blaue Balken nicht wie gewünscht angezeigt.

2. Wenn ich position:absolute weglasse, klappts auch im IE.

3. Im späteren Verlauf der Entwicklung wird die Box aber position:absolute sein müssen (es handelt sich um eine über dem Inhalt schwebende Box)

4. Der FF hat grundsätzlich kein Problem und zeigt den blauen Balken an.

Die Frage:
Dass IE kein Problem mit einem leeren Block hat sehe ich ja, wenn ich position:absolute weglasse. Aber wieso kriegt er Probleme, wenn ich es hinzufüge?