CSS ul li图像与文本对齐

Question

我有这样的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的背景图片,所以我不能将子弹图像用作背景.这有什么解决方案吗？

提前致谢.

Answer 1

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

它说使用会list-style-image导致图像与不同浏览器的位置不一致.然后,它解释了如何使用背景图像的子弹,以获得更好的结果.

Answer 2

谢谢你们俩。问题是我已经使用背景作为行分隔符。但我会将其更改为边框，然后使用项目符号图像的背景。