Float verschachtelte divs

[Hans Kern]

Hallo,
ich habe folgende Verständnisfrage. Ich benutze ein Containerelement <div id="container"> in welchem ich ein rechts schwebendes <div id="menu"> habe. container soll menu umschließen und sich automatisch der Höhe von menu angepassen. menu liegt aber unterhalb von container (Firebird 0.7).
CSS:
#container
{
 margin: 1em auto;
 width: 750px;
 text-align: left;
 background-color: #fff;
 border: 1px solid #000;
}
#menu
{
 float: right;
 width: 200px;
 border-left: 1px solid #C5C877;
 padding-left: 15px;
}

HTML-Text:
<div id="container">
   <div id="menu">
    <a href="#">eins</a>
    <a href="#">eins</a>
    <a href="#">eins</a>
   </div>
</div>

Vielen dank für einen tipp, was ich falsch mache.