How do I get the list-style-image picture vertically centered?

If you set a small icon in front of a list item using List-style-image, it is displayed normally under FF, and the List-style-image picture is centered vertically
If you use List-style-image to set a small icon in front of a list item, it is displayed normally under FF,

But in IE want to let him also center normal display, dead and alive not obedient.
Second, find a compromise solution,

is to use the UL Li Backgrou-image (background image) to solve.
As follows:

UL li{height:28px;/* The height of the list item */line-height:28px;/* The row height of the list item, the row height is the same as the Gao She, the text is centered vertically/text-indent:15px;/* Text indents 15 pixels, otherwise pressed to the chart */ Background-image:url (".. /images/icon.gif "); /* URL address for picture */Background-position:left 45%; /* location of Beijing Pictures * * background-repeat:no-repeat; /* Disable picture tiling, show one just fine */}

Firefox:li{background-position:left 50%)
Ie:li{background-position:left 45%)

Percentage please give it a try!