CSS ul li 图像与文本对齐

我有一个像这样的CSS

ul {
    list-style-image:url(images/bulletArrow.gif);
}

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5px 0 7px 0;
}

但项目符号图像在 IE 中无法正确对齐（在 Firefox 中则没问题）。 我已经有了 li 的背景图片，所以我不能使用子弹图片作为背景。 有什么办法解决这个问题吗？

提前致谢。

这里有一个很好的解释和解决方案：http://css.maxdesign.com.au/listutorial/master.htm http://css.maxdesign.com.au/listutorial/master.htm

它说使用list-style-image导致图像在不同浏览器中的位置不一致。然后它解释了如何使用项目符号的背景图像以获得更好的效果。