水平线在火狐浏览器中无法正常显示

一个网页，在IE中正常显示是这样的：


水平线不是正常显示的了，而是偏到了一边去。
就像这样：
（很淡，可能从图片上看不太清）
What is happen！！！

求助： 这可能是什么原因引起的？
备注： 这个水平线是引用Bootstrap里面的。

贴部分代码：（CSS）

hr {
    display: block;
    width: 100%;
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  margin-top: 16px;
  margin-bottom: 16px;
  border: 0;
  border-top: 1px solid #eee;
}