firefox - CSS三角形上下在Firefox中有不同的对齐方式

Question

我正在尝试使用指向上下的 CSS 三角形为下拉菜单制作一个无图像图标。代码如下所示：http: //jsfiddle.net/FGrR2/6/

.d, .u {
  float: left;
  clear: left;
  width: 0px;
  height: 0px;
  border-style: solid;
  margin-bottom: 5px;
}
.d {
  border-width: 5px 5px 0 5px;
  border-color: #007bff transparent transparent transparent;
}
.u {   
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #007bff transparent;
}

但是，如果我在 Firefox 17.0.1 中加载页面，三角形的边缘不会对齐。这是它的放大版本：http: //imgur.com/7W8Owmk这就像第二个三角形“对齐”到右边或其他东西。

有人遇到过这种情况么？