修复虚线样式边框完美

Question

这是我的代码结构：

.divider-line {
  height: 5px;
  border-top: 1px dashed red;
  border-bottom: 1px dashed red;
}

<div class="divider-line"></div>

虚线边框的左右边缘在Firefox中不匹配。我该如何解决这个问题？虚线边框也会出现同样的问题。

我的输出图片：