I can't remember the link but this is a copy of the code I used based on that post.
CSS
/*This Div Goes Inside a container div which is sized as a percentage of the page*/
.thumbnail{
float: left;
width:136px;
background-color: transparent;
text-align: center;
padding: 0;
margin: 0 0.50% 0 0;
border: 0;
min-height: 172px;
}
/*Caption*/
div.accessory p{
text-align: center;
font: normal 0.7em Arial, Helvetica, sans-serif;
color: #F00;
background-color: transparent;
text-decoration: none;
vertical-align:bottom;
padding: 0;
margin: 0;
line-height: 120%;
}
/*SMALL RED LINKS*/
a.rls{
font: normal 0.7em Arial, Helvetica, sans-serif;
color: #F00;
text-decoration: none;
line-height: 120%;
}
a.rls:link,
a.rls:visited,
a.rls:focus{
text-decoration: none;
}
a.rls:hover{
color: #000;
text-decoration: underline;
}
a.rls:active{
text-decoration: none;
color: #000;
}
HTML
<div class="thumbnail">
<a href="link if required">
<img src="path to your image"
alt="alt text"
title="title text" width="130" height="100" />
</a>
<a class="rls" href="link if required">Your Caption</a> <!-- use <p> if no link required-->
</div>
You can change colours/sizes/padding etc to suit
