centrare immagini verticalmente in un div

[Daniel_1986_Ian]

Ho questa situazione:

Code
.photogallery {
width:400px;
height:250px;
overflow-x:hidden;
overflow-y:auto;
float:left;
text-align:center;
}
.boxImgCat {
width:70px;
height:70px;
float:left;
border:4px solid #998675;
margin-left:5px;
margin-top:5px;
}

<div class="photogallery">
<div class="boxImgCat">
[img]prova.jpg[/img]
</div>
</div>

con questo codice la foto viene centrata orizzontalmente, ma verticalmente no, preciso che la dimensione dell'immagine non la conosco in partenza, so solo che può assumere dimensioni massime di 70 per 70 px.

Come faccio ad allineare l'immagine anche verticalmente?

Grazie a tutti

[Mich_]

Non hai fatto prove in browser diversi!!
1. Il padding e il border vengono interpretati in modo diverso dai browser IE (quirks mode) rispetto agli altri.
2. Prima di definire overflow-x e -y dovresti anche definire overflow:auto, altrimenti qualche browser non capira`.

Comunque con il codice HTML postato, per centrare un'oggetto inline in verticale dovrebbe essere sufficiente definire dentro il selettore .boxImgCat anche la regola:
line-height: 70px; /* uguale all'altezza del box */

[Daniel_1986_Ian]

ho provato, con explore va benissimo mentre con firefox, se imposto line-height:70px; l'immagine viene messa sul fondo del quadrato.

Ripeto che con explorer 7 funziona benissimo.

[Mich_]

C'e` qualcosa che non mi torna.
Quale DTD usi?

Comunque per FF dovrebbe essere sufficiente aggiungere:
display: table-cell;
vertical-align: middle;
pero` non so come la prende poi IE.