CSS ul li图像与文本对齐

CSS ul li图像与文本对齐,css,Css,我有一个像这样的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中没有问题)。 我已经有了李的背景图像,所以我不能用子弹图像作为背景。 有什么解决办法吗 提前感谢。这里有一个很好的

我有一个像这样的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中没有问题)。 我已经有了李的背景图像,所以我不能用子弹图像作为背景。 有什么解决办法吗


提前感谢。

这里有一个很好的解释和解决方案:


它说,使用
列表样式图像
会导致图像在不同浏览器中的位置不一致。然后它解释了如何为项目符号使用背景图像以获得更好的效果。

我看到您正在删除列表项的左填充。对于IE,您需要对左边距执行相同的操作-要么完全删除它(设置为零),要么使其小于默认值。然后您的列表项将很好地对齐。

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

使用线条高度:)

您能提供更多信息吗?你正在使用哪个版本的IE(如果它给你带来那么多麻烦,可能是IE6)?是否尝试将图像与文本垂直对齐?图像是什么样子的?只是一条简单的横线?哇。完成一件简单的事情需要大量的代码。不,谢谢@AndroidDev嗯,这是7行CSS,实际上可以使用速记属性组合。享受躲避LOC的乐趣。