Html UL-LI项目符号作为文本旁边的右侧图像

我在将UL样式设置为导航栏时遇到了一些问题（很抱歉，我是一名开发人员，不是设计师……）

Mac上Safari出现的问题（FF工作正常）参见第一张图片（FF）

Css:

HTML:

Sie

尝试更新您的多点类样式，如下所示：

.multiPoint {
   list-style-image:url(../images/punkte.jpg);
   list-style-position: inside;
}

---

这将告诉浏览器将项目符号图像定位在列表内部而不是外部。

如果项目符号图像是定向的（如上面的示例中所示），rtl方法可能会产生意外的副作用，即在某些浏览器中镜像图像，导致箭头指向从右到左而不是从左到右

背景图像在IE9中不显示此行为，它保持正确的方向

list-style: none;
background: url(images/bullet.gif) no-repeat center right;  
padding-right: 10px;

.multiPoint {
   list-style-image:url(../images/punkte.jpg);
   list-style-position: inside;
}

list-style: none;
background: url(images/bullet.gif) no-repeat center right;  
padding-right: 10px;