I'm not too sure how well this sort of thing would work when stuff's being actively resized; but, for the version of a website I'm working on I did:
Code:
<div id="biophotos">
<span style="float: left;"><center><a href="ort.php?bio=adam"><img src="img/bio/adam.jpg" alt="Coordinator">
<br>Adam
<br>(Coordinator)</a></center></span>
<span style="float: left;"><center><a href="ort.php?bio=heather"><img src="img/bio/heather.jpg" alt="Communications">
<br>Heather
<br>(Communications)</a></center></span>
<span style="float: left;"><center><a href="ort.php?bio=mark"><img src="img/bio/mark.jpg" alt="Logistics">
<br>Mark
<br>(Logistics)</a></center></span>
<span style="float: left;"><center><a href="ort.php?bio=tim"><img src="img/bio/tim.jpg" alt="Information Technology">
<br>Tim
<br>(Information Technology)</a></center></span>
</div>
Edit: I should probably note that I haven't tested that in Internet Explorer, yet.