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

Question

我有一个渐变，它呈现一个小的 1px 条纹背景。这在 Firefox 中运行良好。但是当我尝试使用 -webkit-linear-gradient 实现它时，我需要两个不同的 safari 和 chrome 旋转值。Safari 以 127 度（偏离 8 度）将其渲染得恰到好处。

/* 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/

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