IE8中的图像上出现不需要的图标

Question

我在li标签下有一个图像标签，我使用background属性添加了图像，IE8中的图像comin上有一个意外的图标，在FF和Chrome中工作正常。

HTML：

<img class="accordionDown">

CSS：

.accordionDown {
    background: url('../images/accordian_down.png') no-repeat #E5E4E2;
    height: 35px;
    border: 0;
    display: inline-block;
    float:left;
}

Answer 1

请更改为<img class="accordionDown" src="Path To Image" >

Answer 2

使用span代替image，

并将width和overflow:hidden添加到您的课程

.accordionDown {
    background: url('../images/accordian_down.png') no-repeat #E5E4E2;
    height: 35px;
    width:35px;/* add width */
    overflow:hidden;/* add overflow */
    border: 0;
    display: inline-block;
    float:left;
}