Images in Firefox

[th1chsn]

Does anyone know how to line up two columns of images so that I don't get a small gap in between them? The small gap only appears in Firefox. IE shows them as butted right up against each other.

Here's a sample of the code...

<td width="125" height="150" valign="top" align="left" nowrap="nowrap">
<a href="index.php"
onmouseover="image1.src='images/btnon_home.jpg';"
onmouseout="image1.src='images/btnoff_home.jpg';">
<img name="image1" src="images/btnoff_home.jpg" width="125" height="30" border="0"></a></td>

<td width="125" height="150" valign="top" align="left" nowrap="nowrap">
<a href="index.php"
onmouseover="image2.src='images/btnon_home.jpg';"
onmouseout="image2.src='images/btnoff_home.jpg';">
<img name="image2" src="images/btnoff_home.jpg" width="125" height="30" border="0"></a></td>

I put this attribute in my stylsheet:

td img {
vertical-align: bottom;
}

TIA for any help.

[tedster]

Sounds like a quirks mode versus standards mode issue to me. See this thread for details and fixes:

[webmasterworld.com...]