Ciao a tutti

ho provato a fare una ricerca, può darsi che sia stato scritto qualcosa a riguardo, ma non ho trovato nulla.

Il problema è il seguente...

ho fatto una galleria con le liste

Codice PHP:
<ul>[*][img]images/169x113_thumb_01.jpg[/img]
Released on 12/04/2008[*][img]images/169x113_thumb_02.jpg[/img][*][img]images/169x113_thumb_02.jpg[/img][*][img]images/169x113_thumb_02.jpg[/img][*][img]images/169x113_thumb_02.jpg[/img] 
e questo il CSS

Codice PHP:
ul {
    margin: 0;
    padding: 0;
    list-style: none; 
    height: auto;
    overflow: hidden;
}

li {
    margin: 0;
    padding: 0 5px 10px 20px;
    list-style: none;
    float: left;
    font: 11px/16px Arial;
    color: #333;
}

li img {margin-bottom: 10px; } 
Ora.. il testo sotto alla prima thumb può esserci o non esserci o può essere anche + lungo.
Ci stanno 3 thumb per riga. Dopo la prima riga corretta, nella seconda riga la thumb invece di posizionarsi sotto il testo diciamo che "salta" uno spazio e si allinea con la seconda thumb della prima riga. Io vorrei evitare questi salti e che tutte le thumb fossero allineate a prescindere della lunghezza del testo.

Come posso fare?! :master:

grazie