Vertically center list-style-image Images

List-style-image vertical center
If you use list-style-image to set a small icon in front of a list item, it is displayed normally under ff,

However, in IE, I want to make the display center normal, and I am not obedient.
Second, I found a compromise solution,

It is solved by using ul Li's backgrou-image (background image.
As follows:

 

CSS list-style-image Center Method

 Ul Li {
Height: 28px;/* Height of the list item */
Line-Height: 28px;/* The Row Height of the list item. The Row Height and height are set to the same, and the text is vertically centered */
Text-indent: 15px;/* indent the text by 15 pixels. Otherwise, the text is pressed to the chart */
Background-image: URL ("../images/icon.gif");/* URL of the image */
Background-position: Left 45%;/* positioning of Beijing images */
Background-repeat: No-Repeat;/* disable image tiled display */
}

 

 

 

Firefox: Li {background-position: Left 50%)
IE: Li {background-position: Left 45%)

The specific data value must be unique.