Space between anchor image within table data

Question

Table data has border and a link image and some other anchor text below it.

The problem is it has space between link, the solution I get from this here simply use vertical-align which remove the gap between anchor (which works) but in my case it create a gap between border-top td border and anchor image instead. Using clear both doesnt work too. Any idea?

  <td style="font-size:14px;border:1px solid #848484;font-weight: bold;">
      <a target="_BLANK" href=""><img style="border:none;" src="clothing.jpg" alt="Female Clothing"/></a>
      <a target="_blank" href="">&nbsp; &raquo;  Sub Men</a>
   </td>

Answer 1

I found out that I have to use both vertical align and display block in order to fix it.

Answer 2

Perhaps you need to set:

<table cellspacing="0" cellpadding="0">
  ...
</table>