html - -webkit-transform: translate3d および -webkit-filter: サファリのグレースケールのバグ

Question

.img1{
    -webkit-filter: grayscale(1);
}
.img2{
    -webkit-filter: grayscale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
}

を使用するとtransform: translate3d、safari 6.0.4 http://jsfiddle.net/xcrUc/19/でグレースケール バグが発生します。サファリで画像をグレースケールにレンダリングする他の方法は何ですか、またはtransformプロパティを変更せずにそのバグを修正するにはどうすればよいですか? これは、Safari で yandex マップをグレースケールしようとしたときに発生します。