Zwei Boxen in eineder Box, richtig ausrichten, float Problem

[Sabine]

ich habe eine box, dort möchte ich das oben rechts eine weitere Box erscheint und unten links auch eine. Die Box funktioniert, die oben Box auch nur die unten klappt nicht. Vieleicht kann mir jemand helfen...

  
<div id="box">  
    <div id="oben"></div>  
    <div id="unten"></div>  
</div>

----------------------------------------

.box  
{  
width: 1000px;  
height:100px;  
}  
  
.oben  
{  
float:right;  
}  
  
.unten  
{  
float:right;  
}