IE8中图像周围不需要的填充

Question

嗨我在嵌入锚，跨度，表格单元格内的图像周围得到未打底的底部填充（参见下面的jsfiddle链接）。

图像为16x16，但IE8中的锚点和跨度似乎为16x19。似乎在IE7和Chrome中工作/看起来很好（未在FF中测试）。

已经尝试了很多东西，但不能动摇它！

<table class="sequence">
<tr>
    <th>Test</th>
</tr>
<tr>
    <td>
        <span>
            <a href="#">
                <img class="icon" alt="" src="" />
            </a>
        </span>
    </td>
</tr>

jsfiddle

Answer 1

将display: block;添加到img.icon为我解决了问题（在Windows 7上的Internet Explorer 8中测试过）。

jsfiddle