Position:absolut + float - divs nebeneinander

[Jessica]

Hallo Zusammen,

Habe ein "kleines" Problem und komme einfach nicht weiter!
Möchte eine Fußzeile (feste Breite und Höhe) aus drei Spalten erstellen! In der Linken steht Text (links ausgerichtet), mittig ist ein Logo (zentriert) und rechts wieder Text (rechts ausgerichtet)!
Soweit kein Problem! Jedoch "klebt" der Text oben im div! Brauche Ihn aber unten, sodass alles auf einer Linie ist incl. Logo! Unten ausrichten klappt ja mit der position: absolute; und bottom:0 Variante! Jedoch scheint dann eine Anordnung der div´s nebeneinander nicht mehr möglich?

Hier mein Code:

  
<div class="footer">  
  
   <div id="leftbox">linksbox</div>  
   <div id="rightbox">Rechtsbox </div>  
   <div id="centerbox"><img src="logo.png"></div>  
  
</div>  
  

  
.footer {  
	padding: 50px 0;  
	position: relative;  
	height:38px;  
	width: 784px;  
        }  
  
#leftbox {  
        float: left;  
        text-align:left;  
        width:200px;  
        }  
  
#rightbox {  
        float: right;  
        text-align:right;  
        width:200px;  
        }  
  
#centerbox{  
        text-align:center;  
        margin-left: 200px;  
        width:384px;  
        }  
  
  

Wie bekomme ich jetzt hier leftbox und rightbox dazu, die Schriftunten auszurichten? Weise ich den Elementen die Werte

  
position:absolute;  
bottom:0;  

bleiben die divs nicht mehr nebeneinander und überlagern sich (vermutlich wegen der float Anweisung)!

Wäre um eine Lösung sehr dankbar,

Liebe Grüße