css - Safari がグラデーションを回転しないようにするにはどうすればよいですか?

Question

小さな 1px の縞模様の背景をレンダリングするグラデーションがあります。これは Firefox で問題なく動作します。しかし、-webkit-linear-gradient で実装しようとすると、サファリとクロムに 2 つの異なる回転値が必要になります。Safari は、8 度オフの 127 度でちょうどよくレンダリングします。

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

このような小さなグラデーションをレンダリングする方法はありますか、または背景画像を使用する必要がありますか?