Нежелательный значок появляется на изображении в IE8

Question

У меня есть тег изображения под тегом li, я добавил изображение с использованием свойства фона, есть неожиданный значок на изображении comin в IE8, в 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; 
}