Thanks for your reply Cole. I have adjusted the div as follows, but it is still aligning at the top.
Code:
{{* ---A loop for each thumbnail---- *}}
<table width="100%">
<tr>
<td align="center" valign="top">
{{section name=id loop=$image_name}}
<div style="float: left; width: 126px; height: 150px; display: table-cell; vertical-align: middle">
<a href="javascript:image_details_popup('details.php?name={{$image_name[id]}}', 700, 400)"><img src="images/{{$username}}/-{{$image_name[id]}}.png" style="border:1px solid #000000; " /></a><br />
<small>{{$image_name[id]}}<br />
{{$time_uploaded[id]}}</small>
</div>
{{/section}}
</td>
</tr>
</table>
Any ideas?
Thanks
Kyle