如何规避Firefox中的box-shadow +转换错误？

Question

以下代码适用于除Mozilla Firefox之外的所有现代浏览器。预期的行为是在蓝色背景上看到一些黑色文本。但是， Firefox会在文本周围显示两条白色垂直线。是否有一个技巧，如添加zoom:1，z-index:1以使其工作，而不更改当前样式？这两个没有帮助。更改font-size或删除任何float，transform，box-shadow会有所帮助，但不应删除或修改当前样式。

nVidia GT 240M，Windows 10，Firefox 41.0.2，硬件加速：打开

错误报告：bugzilla.mozilla.org/show_bug.cgi?id=1215868

body {
  background: blue;
}
div {
  background: transparent;
  box-shadow: 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF, 0 0 #FFF;
  float: left;
  font-size: 44px;
  transform: translateX(100%);
}

<div>Lorem</div>

小提琴：http://jsfiddle.net/jg874sr0/