Firefox无法正确渲染SVG图像边框

Question

我使用下面的图片（SVG）作为border-image。

在 Chrome 和 Safari 中完美运行，但 Firefox 具有不同的渲染效果。有什么方法可以解决这个问题吗？

Chrome和Safari：

火狐：

和... 我的代码：

＆＃13;

＆＃13;

body { margin: 10px; }

.box {
  background: beige;
  border: 20px solid sandybrown;

  -o-border-image: url(https://imgh.us/wood-border.svg) 70 stretch;
  -moz-border-image: url(https://imgh.us/wood-border.svg) 70 stretch;
  -ms-border-image: url(https://imgh.us/wood-border.svg) 70 stretch;
  -webkit-border-image: url(https://imgh.us/wood-border.svg) 70 stretch;
  border-image: url(https://imgh.us/wood-border.svg) 70 stretch;

  height: 100px;
}

＆＃13;

<div class="box">
</div>

＆＃13;

＆＃13;

＆＃13;