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

Question

I have an image tag under li tag, i have added image using background property, there is an unexpected icon on the image comin in IE8, in FF and chrome works fine.

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

Use a span in place of image ,

And add width and overflow:hidden to you class

.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;
}