为什么我的图像周围有黑色方块，但只是IE :-(

Question

我有以下代码块：

<li><a ><img class='ico' src='../../Content/Icons/home.png' />Home</a><img class='sep' src='../../Content/Images/sep1.png' /></li>

它按预期工作但是在16x16 ico图像周围有一个黑色边框。我已经拥有如下CSS：

li a {padding: 0px 5px 5px 5px; height: 18px; 
      display: inline-block;
      text-decoration: none; position: relative;bottom: 7px;
} 

我对Firefox和Chrome没有问题，只是使用IE浏览器。

有谁知道如何解决这个问题。我本以为它会服从文本装饰：没有图像。

Answer 1

您只需删除默认的img边框：

img {
    border: 0
}

最好应该接近CSS的顶部。