Question

I have a little problem with the ie7 and ul list element.

In ie8/9 and firefox there is an additional empty space between the icon and text:

In ie7 unfortunatelly it looks that:

Styles for the ul list:

margin-top: 5px;
    list-style-image: url('../Images/listItem10.png');
    list-style-position: inside;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;

Unfortunatelly any attemps to create a hack for it doesn’t work.
Please for any suggestion how can I achieve it.

Answer 1

………………………

Hi now used to background image not list-style-image

margin-top: 5px;
    list-style:none;
background:url('../Images/listItem10.png') no-repeat 0 0;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;