Divs mit float nebeneinander

[UserMitDerFuenf]

Hallo,

wenn ich 2 Divs nebeneinander legen möchte, genügt es scheinbar nicht, wenn mein links zu erscheinender div float: left erhält. Der andere Div soll logischer weise rechts davon sein. Wie bekomme ich das aber trotzdem hin? (Bitte keine absolutes)

_______________________
|________    _________|
|| LEFT |    | RIGHT ||
||______|    |_______||
|_____________________|

Mein Code lautet:

  
   body {  
    background-image: url('./images/themeOne/bgImage.gif');  
    background-repeat: repeat-x;  
    background-color: #1d1d1d;  
    padding: 0px;  
    margin: 0px;  
   }  
  
   #header {  
    background-image: url('./images/themeOne/headerBg.png');  
    background-repeat: repeat-x;  
    width: 80%;  
    height: 142px;  
    margin: 0px;  
    padding: 0px;  
   }  
  
   #headerLeft {  
    padding: 0px;  
    margin: 0px;  
    width: 295px;  
    height: 142px;  
    float: left;  
   }  
  
   #headerRight {  
    padding: 0px;  
    margin: 0px;  
    width: 168px;  
    height: 142px;  
   }  

  
 <div align="center">  
  <div id="header">  
   <div id="headerLeft"><a href="(app_url)" title="Zur Startseite" alt="Just another Website"><img src="{$app_themeOne}header.png" border="0"></a><div>  
   <div id="headerRight"><img src="{$app_themeOne}headerRight.png" alt="none" border="0"></div>  
   <div style="clear:left;"></div>  
  </div>  
 </div>