跨浏览器后通过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 中溢出和填充不兼容尝试取消注释填充以验证。尝试改用左上角。