I asked this question before but still can't seem to grasp how to do it... I want to decrease the space between my photos and captions. It may have to do with my use of tables... This is what I have

<table align="left">
<tr>
<td><img src="images/Gair.jpg" width="200" height="120">
</td>



</tr>
<tr>
<td><center><font color="#8A360F"><font size="3">The SS Gairsoppa</font></center></td>

</tr>
</table>

And in my CSS I have the following:

.imgAndCapt{text-align:center;}
.imgAndCapt b {color: #8A360F; display:block;
margin-top: 5px;
}
---------