我正在使用jQuery在导航的活动列表元素中添加图像（ul li.active）。工作正常。
出于设计目的，我想绝对定位此img并添加left: 50%;以使其居中。除了OS X上的Firefox（最新）和Windows XP上的Safari之外，每个浏览器都能正常工作。
这些应用left: 50%;相对于UL而非LI应用position: relative;
在它工作的地方，图像显示在我LI的内容下方居中。
网址：http://aerokure.steveforest.com/produits/insecticides-pour-le-jardin.html 这是徽标下方的黑色菜单。
尝试在img上添加display: block;，因为有人建议：没有。
什么吗？
由于
答案 0 :(得分：1)
我发现了问题
删除height = ul元素
添加float：left = li元素
余量：0; = li元素
它会正常工作
答案 1 :(得分：0)
我认为您需要将列表项的显示从“table-cell”更改为：
display: inline-block;
然后删除：
margin-bottom: 8px;
造型。这似乎对我有用（OSX上的Firefox）。
如果你设置一个负边距，是图像宽度的一半，你实际上可以让它居中：
margin-left: -10px;