html - 跨浏览器后通过css插入图片

Question

我目前正在尝试通过 css:after属性在菜单的 li 元素之间插入一些分隔符图像：

nav ul li:after
{
    content: url('../Content/Images/BorderSeparator.png');
    display: block;
    height: 30px;        
    padding:10px 0px 10px 0px;
    overflow: hidden;        
}

此解决方案适用于所有最新版本的 Chrome、Opera、Safari，Firefox 除外。我如何也可以为 Firefox 修复它？

更新1：

这就是它应该看起来的样子

问题在某种程度上与overflow:hidden，当我删除此属性时，FF 显示分隔符，但不在正确的位置。

Answer 1

在 Firefox 中，溢出和填充不兼容尝试取消注释填充以验证。尝试改用左上角。