Seite mit CSS strukturieren - Problem mit <div>

Hi ich habe ein Problem. Unten steht erst mein Quelltet und dann die Css-styles.
die div elemente werden immer untereinander und nicht nebeneinander angezeigt. es soll aber in eine Reihe kommen. Ist das möglich?
Vielen Dank Mayo

<div id="menue">
<div id="foto">
<img src="bild.jpg"> </br>
...
</div>
<div id="navi">
navigation
</div> <!-- /navi -->
<div id="suche">
hier kommt die möglichkeit zum suchen rein
</div> <!-- /suche -->
</div> <!-- /menue -->


#menue {
position: fixed;
margin-top: 2px;
margin-left: 2px;
width: 727px;
}
#foto {
width: 217px;
height: 100px;
border: 1px;
overflow: hidden;
}
#navi {
margin-left: 100px;
margin-top: 2px;
height: 100px;
width: 100px;
}
#suche {
margin-left: 100px;
heigth: 10px;
width:10px;
text-align: right;
border: 1px;

 

Mal ein Beispiel

PHP:

<style type="text/css">
.ausrichtung { padding:10px; text-align:left; width:20%; float:left; } 
</style>

<div class="ausrichtung">Die erste Spalte</div>
<div class="ausrichtung">Die zweite Spalte</div>
<div class="ausrichtung">Die dritte Spalte</div>
<div class="ausrichtung">Die vierte Spalte</div>
<div style="clear:both"></div>


schau dir insbesondere float:left; an