框阴影与旋转Firefox bug

Question

如果我正在旋转带有框阴影的元素，我在Mozilla Firefox中会出现渲染问题。我在bugzilla上发现了一些东西，并标记为已解决，但仍然不好。任何人都可以告诉我如何解决这个问题？

HTML：

<div class="rotate">
    <p>Rotated Text Rotated Text</p>
</div>

CSS：

.rotate {
   backface-visiblity: hidden;
   transform: rotate(-2deg) translate3d(0px, 0px, 0px);
}

.rotate p {
    display: inline;
    color: #FFF;
    background-color: #1E396E;
    box-shadow: 10px 0px 0px #1E396E, -10px 0px 0px #1E396E;
}

的Bugzilla：

https://bugzilla.mozilla.org/show_bug.cgi?id=536061

浏览器版本：30.0