Tabellendesign mit Divs

[MCTimotheus]

Hallo,

ich habe ein kleines Problem mit meinen Divs. Im folgenden Code sind 4 Divs beschrieben, die nebeneinander stehen soll. Diese sind mit einem weiteren Div umschlossen, der eine Hintergrundfarbe hat. Problem ist nun, dass die 4 Divs zwar nebeneinander angezeigt werden, der umschließende aber ignoriert wird, sprich er ist im Grunde garnicht da.

  
<div id="searchArea">  
  <div class="searchLens">Spalte 1</div>  
  <div class="searchDesc">Spalte 2</div>  
  <div class="searchInput">Spalte 3</div>  
  <div class="searchButton">Spalte 4</div>  
</div>  
<div style="clear:both;">&nbsp;</div>  

und hier der dazugehörige CSS-Code:

  
#searchArea  
{  
   width:603px;  
   background-color:#E3E3E3;  
}  
  
  .searchLens  
  {  
     float:left;  
  }  
  
  .searchDesc  
  {  
     float:left;  
  }  
  
  .searchInput  
  {  
     float:left;  
  }  
  
  .searchButton  
  {  
     float:left;  
  }  

Vielleicht kennt jemand ja auch eine bessere CSS-Formatierung, wie man 4 Divs nebeneinander setzt und diese dann mit einem anderen Div umschließt. Ich gehe mal davon aus, dass es sicher eine bessere Lösung als meine gibt ...

Liebe Grüße und danke für eure Hilfe,

MCT