richiesta aiuto per allineamento verticale css

[degia]

Ciao,
in questi giorni stò cercando di passare in css tutto il mio sito.

Ho un problema con l'allineamento verticale delle immagini all'interno di un div che possono essere sia verticali che orizzontali. Ho trovato un recente articolo di Alessandro Fulciniti che sembra scritto appositamente per il mio caso.

Il problema è che non riesco a farlo funzionare. Le immagini non si allineano verticalmente.
Le ho prvate tutte, ma non ce la faccio proprio. Chiedo quindi a voi, luminari del css, se potete darci un'occhiata. Magari alla fine è una banalità, ma io non vedo dove stà l'errore. Grazie.

l'articolo di Alessandro Fulciniti: http://css.html.it/articoli/leggi/17...ate-con-i-css/

la pagina in questione:
http://www.lorensand.it/new/index.ph...-ile-de-re.jpg

il codice html:
<div class="foto">[img]album/immagini_023/saline-ile-de-re.jpg[/img]</div>

Il codice css nel file incluso:

div.foto {
width: 380px;
height: 380px;
margin-top: 20px;
margin-bottom: 0px;
border: 1px solid;
border-color: #cccccc;
background-color: #f1f1f1;
text-align: center;
line-height: 380px;
}
div.foto img{
vertical-align: middle;
}


PS: utilizzo firefox

[Al_katraz984]

prova

float: left;

al posto di vertical-align...

E un'altra cosa.. Che vuoi dire ke usi firefox?? sei una minoranza(intelligente) ke usa un browser abbastanza corretto.. Xo ki non ha FF(la maggioranza ) nn la vede bene la tua pagina..

Pensaci

[degia]

Al_katraz984, sicuramente prima di andare in linea con la versione css del sito farò in modo che venga visualizzata correttamente anche da IE. Per quello ho scritto che utilizzo Firefox.

Comunque ho risolto così, semplicemente inserendo uno spazio prima e uno dopo l'immagine.
<div class="foto">[img]album/immagini_023/operaio-sale.jpg[/img]</div>