Css面包屑在IE和FF中显示垂直线

Question

我正在尝试将此示例复制为面包屑。 我喜欢这种面包屑，但不明白为什么作者没有修复它的线条。

我正在使用Bootstrap 3.0：

我没有在Chrome 32中看到这个问题，但IE 11和FF 25你可以看到这些行。

下面的链接包含HTML，CSS和面包屑的显示。

http://codepen.io/eMaj/pen/qtico

我没有成功删除它们。 任何帮助将不胜感激。

Answer 1

我已经在FF中检查了它，看起来没问题，没有任何白色边框。 尝试清除缓存

Answer 2

在某些缩放比例下，由于像素舍入，设计会被破坏。

在我的浏览器中给出伪元素1px aditional解决问题

a{   
  &:before,
  &:after{
    content: "";
    position:absolute;
    top: 0;
    border:0 solid $blue;
    border-width:20px 11px;   /* original value 20px 10px */
    width: 0;
    height: 0;
  }
}