Horizontales Menu mit DIVs und Bildern

[hoffs]

Hallo,

ich möchte ein horizontales Menü mit DIVs machen. Die Buttons sind (leider) Bilder. Diese Bilder sind unterschiedlich breit. Sie sollen "einfach" direkt ohne Zwischenraum nebeneinander angezeigt werden und die DIVs dabei automatisch die Größe der Bilder annehmen. Die Button-Bilder liegen als backgrounds der Links vor.
Problem: Das Bild taucht nur auf, wenn ich dem div oder Link eine feste Breite gebe, aber das will ich ja nicht^^. Soballd ich zB dem Link eine Höhe gebe, wird der Button korrekt komplett angezeigt, aber die restlichen divs werden dann nicht mehr daneben angezeigt (die Linkis sind ja auch Blockelemente..hm..). Wer sieht Licht am Ende meines Codetunnels?? :-)

  
<div id="navigation">  
<div><a id="link1" href="#Beispiel">la</a></div>  
	<div><a id="link2" href="#Beispiel">la</a></div>  
	<div><a id="link3" href="#Beispiel">la</a></div>  
	<div><a id="link4" href="#Beispiel">li</a></div>  
	<div><a id="link5" href="#Beispiel">lö</a></div>  
</div>  
<div class="clear"></div>  

  
#navigation{  
margin: 0;  
padding: 0;  
width: 650px;  
height:42px;  
}  
#navigation div{  
 float:left;  
 padding:0;  
 margin:2px;  
}  
#navigation #link1{  
display:block;  
background:url(../img/buttons/menu1a.png) no-repeat;  
}  
#navigation #link2{  
display:block;  
background:url(../img/buttons/menu2a.png) no-repeat;  
}  
#navigation #link3{  
display:block;  
background:url(../img/buttons/menu3a.png) no-repeat;  
}