vertically center an image in a "gallery"

Another question today. Woo!

Alright, so I have these images that maybe be different sizes. There’s going to be PHP, so no telling what the sizes will be. At max they will be 100×100, but they could be 95×100, 73×68, etc. I’ve got them centered horizontally, but not vertically. Check it out: [url]www.hookedonwinter.com/newdesign[/url]
here’s some relevant code:

CSS:

[code]
.thumbnail{
float:left;
width:106px;
height:106px;
margin: 15px 31px;
text-align:center;
}

.thumbnail img{
border:3px solid #122D5A;
/*this is probably where I need an auto margin or something, I just can’t figure it out…*/
}
[/code]

[code=html]
<div class=”thumbnail”>
<img src=”images/myteamplaceholder.png” alt=”MyTeam”>
</div>

<div class=”thumbnail”>
<img src=”images/placeholder.png” alt=”MyTeam”>
</div>

<div class=”thumbnail”>
<img src=”images/myteamplaceholder.png” alt=”MyTeam”>
</div>

<div class=”thumbnail”>
<img src=”images/myteamplaceholder.png” alt=”MyTeam”>
</div>
[/code]

the second image is smaller than the rest (75×75 rather than 100×100), and it is vertically aligned to the top. I want it in the middle. ideas? Thanks,

PJ

p.s. Graeme – thanks for your help on the text selecting problem. Worked great!

Also in #CSS _↴