css-列表图标兼容性

ul
{
list-style-image: url('pic.gif');

}

对于ul 的li的标记图形自定义化图形后，浏览器兼容问题就出来了：

这段代码的使用在所有浏览器中显示并不相同，IE和Opera显示图像标记比火狐，在Chrome和Safari浏览器上更高一点点。。。。。。

解决办法如下：

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(pic.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 14px; 
}

通过定位的方式固定标记点的位置