image link display quirk

shows different in different browsers

[sssweb]

When I put an image link in a table cell with a colored background, browsers other than IE (Firefox, Netscape, & Opera) display the pic with a white line under it. If I've added a margin to the pics, the line shows even more. I've tried various CSS fixes, but none work.

Here is typical code:

<table>
 <tr>
 <td bgcolor="black"><a href="/page.htm"><img src="/images/pic.gif"></a></td>
 </tr>
</table>

CSS fixes I've tried:

a:link {
 border: 0px;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
}

a:link img {
 border: 0px;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
}

Any ideas how to fix this?

[BlobFisk]

Welcome to WebmasterWorld, sssweb

Try border: none on your img style....

[sssweb]

Thanks for the suggestion...

Actually, I finally discovered it on my own -- I had

a:link {
background: white;
}

as part of my general link CSS, and the image link was showing part of the white background on the TD fill-color.

I added background:black to my image link CSS & it works now.