如何让div中的一个图片上下垂直居中

<div class="photo">
<a href="#"><img src="images/201.jpg" alt="foto" width="100px" height="75px" /></a>
<p><a href="#">Cactus</a></p>
</div>

.photo {
margin: 20px;
float: left;
display: block;
overflow:hidden;
}
.photo a , .photo a:visited {
border: 5px solid #333;
display:block;
width:100px;
height:100px;
}

.photo a:hover {
border: 5px solid #999;
}

div中的第一个<a></a>大小是100x100，图片大小是100x75，如何让图片垂直上下居中。帮帮忙！！

如何让图片居中？用DIV+CSS 如何让div中的ul横向排列 一个div+css中的问题 网页中如何让一个图片不断变换，frontpage中的 div+css中的插入图片问题 css+div问题,如何实现鼠标移上一个图片按钮使当前图片换成另外一个？ 怎样让div中的li居中 如何让这个div居中显示? DIV如何让他们排成一条 如何使DIV中的内容居中