Firefox 在Safari和Opera中应用边界图像时不显示背景图像

我正在将以下CSS类应用到我的网站页脚，以便在页脚上显示一个背景图像，并在顶部显示一个3px3色调的边框

.site-footer {
    background-image: url(../img/footer-background.png);
    background-repeat: repeat;
    border-width: 3px 0px 0px;
    padding: 15px 0;
}

.border-image {
    -webkit-border-image: url(../img/footer-border-hr.png) 2 0 0 0 repeat;
       -moz-border-image: url(../img/footer-border-hr.png) 2 0 0 0 repeat;
         -o-border-image: url(../img/footer-border-hr.png) 2 0 0 0 repeat;
            border-image: url(../img/footer-border-hr.png) 2 0 0 0 repeat;
            border-width: 2px 0px 0px 0px;
}

它在Chrome（18）中很好，但在Firefox（Mac 10.0.2和11）、Safari（Mac 5.1.5版（7534.55.3））和Opera（Mac 11.62）中背景是纯白色的。通过inspect元素删除边框图像将恢复背景。

---

我猜边界图像基本上是作为背景图像渲染的，因此背景被覆盖，但有人知道解决方法吗？

您看到的是白色背景，因为边界图像的中心部分可能是白色的，它绘制在背景图像的顶部，而且，大多数浏览器在添加边框之前都实现了一个实验版本的

边框图像

如规范所述：

“fill”关键字（如果存在）会导致保留边框图像的中间部分。（默认情况下，它被丢弃，即视为空。）

不支持此填充关键字的浏览器（我知道至少Opera和Firefox不支持）不会丢弃边框中间的图像，而是将其绘制在背景之上

因为使用PNG，所以可以确保边框图像的中间部分是透明的。这应该会让背景显示出来。
你能链接到显示问题的实际页面吗？我很乐意，但我想我的老板不会满意的。对不起，这没用。今天晚些时候，我将尝试上传某种测试用例。