如何阻止Safari旋转我的渐变？

Question

我有一个渐变，呈现一个小的1px条纹背景。这在Firefox中运行良好。但是当我尝试使用-webkit-linear-gradient实现它时，我需要两个不同的safari和chrome旋转值。 Safari使用127deg正好渲染它，即8deg。

/* renders correct in firefox (20.0) */
-moz-linear-gradient(135deg, #FFF 45%, #DDD 45%, #DDD 58%, #FFF 58%, #FFF 100%);
/* renders right in safari (6.0.4) */
-webkit-linear-gradient(127deg, #FFF 0%, #FFF 46%, #DDD 46%, #DDD 55%, #FFF 55%, #FFF 100%);
/* renders almost right in chrome (26) */
-webkit-linear-gradient(135deg, #FFF 0%, #FFF 46%, #DDD 46%, #DDD 55%, #FFF 55%, #FFF 100%);

http://jsfiddle.net/frog32/CBZav/2/

有没有办法渲染这么小的渐变或者我应该使用背景图像？