Firefox和IE以不同的方式显示相同的内容

Question

在开始之前，我知道IE处理代码的方式不同，
我有一个小的+符号向左浮动，但它使得表格单元在IE中更高，但在Firefox和Chrome中保持在正确的位置。

Heres和正在发生的事情的形象：

继承人HTML：

<tr>
              <td align="left" class="menutext" id="nav-products"><img id="signProducts" border="0" src="/images/menu/sign.gif" /><a href="/products/index.asp"><strong>&nbsp;&nbsp;&nbsp;Products</strong></a></td>
            </tr>

CSS：

#signProducts {
    position: relative;
    z-index: 100;
    float: left;
    /* [disabled]padding-right:0px; */
    top: 7px;
    left: 5px;
}