img加上a标签就变形

Question

<tr>
<td rowspan="2">
<img src="../images/cec/tpl_17.gif" width="102" height="67" alt=""></td>
<td colspan="3">
<img src="../images/cec/tpl_18.gif" width="273" height="41" alt=""></td>
<td rowspan="2">
<img src="../images/cec/tpl_19.gif" width="105" height="67" alt=""></td>
<td>
<img src="../images/cec/fgf.gif" width="1" height="41" alt=""></td>
</tr>
这样就是好的，但是下面那样写就会变形，为什么呢
<tr>
<td rowspan="2">
<img src="../images/cec/tpl_17.gif" width="102" height="67" alt=""></td>
<td colspan="3">
<a href="#" OnClick="return getText();"><img src="../images/cec/tpl_18.gif" width="273" height="41" alt=""></a></td>
<td rowspan="2">
<img src="../images/cec/tpl_19.gif" width="105" height="67" alt=""></td>
<td>
<img src="../images/cec/fgf.gif" width="1" height="41" alt=""></td>
</tr>

Answer 1

a 是不是有 margin padding ;

Answer 2

改成span就好了，a为什么会变形啊

Answer 3

可能是border在起作用，定义img元素和a元素的css样式：border=0

Answer 4

 改img的border宽度就好 了