html - 是什么让 Firefox 呈现不正确的边框宽度？

Question

我正在处理的元素中遇到了一个奇怪的问题。 Firefox (22) 神奇地吃掉了我边框的 1 个像素。所有其他浏览器都很好。

现在，布局真的很复杂，我无法显示所有代码，但我希望这是相关部分:

HTML

<div class="carouselitem unselectable photo selected">
    <img alt="" src="https://example.com/something.jpg" class="carouselimg">
    <div class="typeicon"></div>
 </div>

CSS

.mediacarousel .carouselitem.selected {
    border: 5px solid white;
    height: 71px;
    opacity: 1;
    width: 136px;
}
.mediacarousel .carouselitem:hover .carouselimg,
.mediacarousel .carouselitem.selected .carouselimg {
    left: -5px;
    position: relative;
    top: -5px;
}
.mediacarousel .carouselitem,
.mediacarousel .carouselimg {
    width: 146px;
}
.mediacarousel .carouselimg {
    vertical-align: top;
}
.mediacarousel .carouselarrow, .mediacarousel .carouselscroller,
.mediacarousel .carouselitems, .mediacarousel .carouselitem, .mediacarousel .carouselimg {
    height: 81px;
}
img, .unselectable {
    -moz-user-select: none;
}
.mediacarousel .carouselitem .typeicon {
    display: none;
    filter: inherit;
}

Firebug 显示:

嗯，4.8px，真的吗？ CSS 看起来不错:

但是，1 个完整的像素不知何故消失了......

我从来没有见过这样的事情，我也没有成功找到邪恶的根源。所以我的问题是:
究竟是什么原因造成的？这是一个已知错误吗？

---

编辑:
结果这只发生在 font size in Windows 7 is set to 125% 时。 .仍然不是你所期望的。这是一个 fiddle ，您可以自己尝试一下:http://jsfiddle.net/mdynm/1

Answer 1

原来这只发生在 font size in Windows 7 时设置为 100% 以外的值。

已报告为 Firefox 中的错误:
https://bugzilla.mozilla.org/show_bug.cgi?id=890383