Verschachtelte div-Bereiche (Firefox)

[suicide]

Also ich habe folgenden HTML-Code:

<div class="rahmen">
 <div class="banner">
 </div>

<div class="header">
 </div>

<div class="header">
 </div>

<div class="header">
 </div>

<div class="body">
 </div>

<div class="body">
 </div>

<div class="body">
 </div>
</div>

Und dazu folgende CSS-Datei:

div.rahmen {
 width: 800px;
 margin: auto;
 border: 1px solid
}

div.banner {
 width: 100%;
 height: 150px
}

div.header {
 width: 258px;
 height: 30px;
 float: left;
 margin-top: 5px;
 margin-left: 5px;
 border: 1px solid
}

div.body {
 width: 258px;
 float: left;
 margin-left: 5px;
 margin-bottom: 5px;
 border-left: 1px solid;
 border-right: 1px solid;
 border-bottom: 1px solid
}

Mein Problem ist jetzt, das sich der Rahmen nicht um alle div-Tags setzt sondern NUR um den Banner. Wie kann das sein?
Im Internet Explorer funzt das übrigens einwandfrei!