I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding.
I've created a codepen example to illustrate the problem.
http://codepen.io/chrism/pen/1
It is strange because it renders perfectly in safari, another webkit based browser.
The CSS code comes from compass images, so don't think it is a problem with my CSS
I found in the Chrome issue tracker this ticket, which I think relates to this issue.
http://code.google.com/p/chromium/issues/detail?id=41756
I was wondering if anyone had any workarounds for this which do not involved using images?
Thanks!