CSS gradients are great and much better and easier to use than gradient images. However, the CSS code to created them can get a bit complicated. Here’s a CSS Gradient Generator that makes this super easy and supports color stops and many preset gradients.
http://www.colorzilla.com/gradient-editor/
If you already have some CSS for your gradients, you can copy and paste it (import it) to generator cross-browser CSS for your gradients.
Also, make sure to enable IE 9 support if you still need it.
Also, remove “filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a3d2f6′, endColorstr=’#ffffff’,GradientType=0 ); /* IE6-8 */” since that messes up IE 9.