The gradient I am trying to make has this glitch in Safari where it appears to be banding. It does not glitch in linear gradients.. Any ideas? This is the code used:
Banding:


The Code Being Used:
Code:
<style type="text/css">
body {
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 994, color-stop(0, #932778), color-stop(0.5, #FAA676), color-stop(0.75, #ECCC81), color-stop(1, #FBEDD8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at right bottom, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);
}
</style>
Running Safari Version 5.1.5 (7534.55.3)