Rahmenproblem bei css

[Roland]

#rahmen {
height: auto;
width: 948px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #999999;
margin-top: 10px;
}

#linkerteil {
background-color: #0C3;
float: left;
height: auto;
width: 548px;
}

#rechterteil {
background-color: #0C3;
float: left;
height: auto;
width: 400px;
}

so sehen die drei CSS-Elemente aus. Vielleicht kannst du mir ja einen Hinweis geben, warum der Rahmen nicht alles "umspannt".

<div id="rahmen">
 <div id="linkerteil">
  links
 </div>
 <div id="rechterteil">
  rechts
 </div>
</div>