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

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

下面是正在发生的事情的图片：

以下是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>

---

我将其添加到了#signproducts的CSS中，但没有任何变化。我尝试使用线条高度？

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