ciao,

sto cercando di adattare ad una pagina uno slideshow immagini ma ho un problema con un float.

la situazione:

<div id="page>
<div id="thumbs" class="navigation">
<div class="caption">


testo</p>
</div>
</div>
</div>

div#page è il contenitore principale
div#thumbs con la classe "navigation" contiene le thumbs allineate nel contenitore tramite float:left
il div caption contiene il testo descrittivo dell'immagine

Il problema è che il float:left della classe "navigation" impedisce al contenitore "caption" di rimanere dentro al contenitore principale "page" e quindi sfora.

Gli attributi di navigation sono inseriti in una classe javascript in fondo alla pagina:

codice:
// We only want these styles applied when javascript is enabled
 $('div.navigation').css({'width' : '300px', 'float' : 'left'}); 
$('div.content').css('display', 'block');
ho provato a mettere un clearfix <div style="height:0;clear:both;"></div> prima della chiusura di ogni contenitore, ma non funziona...

idee??