Centering Photo in FF and IE

HTML & CSS
1

When I use the following in IE the photo is centered. In FF it’s aligned left.

<table class=“image” align=“center” >
<tr>
<td><img src=“images/JohnCastle.jpg” height=“425” width=“600” border="4"alt=“John Castle, at his best”>
</td>
</tr>
<tr>
<td class=“caption”><center><b>John Castle, at his best!</b></center></td>
</tr>
</table>

How do I get this to center in FF?

2

Why not try using a margin: 0 auto on the image itself? What’s the width on the table cell? All things you might consider…

3

I’d suggest that you use CSS in stead in tables. It’s a lot easier to manipulate than tables. This should work (haven’t tested it, though):

<dl class="photo">
 <dt><img src="images/JohnCastle.jpg" height="425" width="600" alt="John Castle, at his best"></dt>
  <dd>John Castle, at his best</dd>
</dl>

.photo img {
 border: 4px solid #000;
 display: block;
 margin: 0 auto;
}

.photo dd {
 font-weight: bold;
}
4

Thanks for your help. Tried both without any success, but then again I such a novice perhaps I did something wrong. What eventually worked, and I am sure is not really kosher, was adding <center>before the table and </center> after. Thanks for your respones…they are very much appreciated.