Adattare larghezza contenitore ad elementi float

[giugallo]

Salve,
mi chiedevo, si può adattare la larghezza di un div contenitore alla larghezza del contenuto flottante?

Nello specifico io uso:

Css:

div.contenitore{
	overflow:auto;
	border:1px solid #f00;
	width: 100%;
}

div.contenuto{
	float: left; 
	text-align:center;
	padding: 0.5em; 
	border:1px solid #ff0;
}

Html:

...
<div class="contenitore">
   <div class="contenuto">
     [img]imaggine1.jpg[/img]
   </div>
   <div class="contenuto">
     [img]imaggine4.jpg[/img]
   </div>
   <div class="contenuto">
     [img]imaggine3.jpg[/img]
   </div>
   <div class="contenuto">
     [img]imaggine2.jpg[/img]
   </div>
</div>
...

Così facendo pero' il cotenitore è al 100%... io vorrei adattre la larghezza ai contenuti? Si può fare senza javascript?

La soluzione che mi era venuta in mente era di non usare gli em, ma solo pixel in modo da poter sapere apriori la larghezza e fissarla... ma non mi sembra molto bella come idea!!!!

Suggerimenti?