Salve a tutti gli utenti HTML.it, ho bisogno di un supporto con i div che contengono immagini
con step carousel se utilizzo delle immagini più larghe mi vanno overflow o sotto gli altri div che contengono immagini, se non specifico la larghezza mi restituisce delle righe di circa 10 px , mentre se provo il codice da solo senza "step carousel" mi funziona bene

è possibile assegnare al div una larghezza in base al suo contenuto , e in qualche modo far si che gli altri div che hanno lo stesso float:left, non gli vadano sopra?

Codice PHP:
<div id="slider">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">[img]img/stepc/1.png[/img]</div>
<div class="panel">[img]img/stepc/2.png[/img]</div>
<div class="panel">[img]img/stepc/1.png[/img]</div>
</div>
</div>
</div> 
CSS:
Codice PHP:
#slider{ width:990px; background:#EDEDED; } .stepcarousel{ background:#EDEDED; position: relative; overflow: scroll; width: 860px; height: 168px; } .belt{ position: absolute; left: 0; top: 0; } .panel{ float: left; overflow: display; margin: 10px; display: block; width:auto; }