Comment centrer une photo verticalement ?

Bonjour.

Je pense que mon problème relève de la feuille de style alors je l'expose ici.

A partir d'une page contenant les vignettes, j'affiche la photo en popup.

Lien vers le popup dans la page des vignettes :

<td width="140" height="140"><div align="center"><a href="photos/test.htm" onClick="window.open('','popup','width=1024,height=768,menubar=0,statusbar=0,scrollbars=1,resizable=1,toolbar=0')" target="popup"><img class="thumb" src="photos/test.jpg" alt="Afficher la photo"></a></div></td>

Code-source de la pop-up :

<center>
<table>
	<tr>
		<td valign="middle"><a href="javascript:window.close();"><img class="photo" src="test.jpg" alt="Fermer"></a></td>
	</tr>
</table>
</center>

Feuille de style :

img.photo {
border-width: 2px;
border-style: solid;
border-color: #E8E8E8;
}

Ce système me convient parfaitement (le fond noir du popup en plein écran fait bien ressortir la photo) mais je n'arrive pas à centrer la photo verticalement. J'ai essayé d'ajouter ceci dans le CCS :

vertical-align: middle;

Sans succès.

Je précise que chaque photo s'affiche dans sa propre page HTM, qu'elles mesurent toutes 600 x 900 ou 900 x 600.

Deuxième question : comment paramétrer la feuille de style pour que l'affichage à l'ouverture se fasse en "plein écran", quelle que soit la résolution de l'écran ?

Merci d'avance.