here's the scuttle, I have a request to rounded corner buttons with gradient backgrounds in IE 9 specifically and not using images if at all possible because we want to be able to change the dimensions. But, as seems to always be the case, IE fails a simple task. And yes, this has to be IE 9.

So, so I looked at SVG and that would probably work but here's what I would like to do.

I'd rather use a transparent alpha channel png that is a 40-50% grey to 10% grey gradient and then assign a background color behind it. but there is the scaling issue. Is there a way to do alpha channel like transparency with SVG? I know there's opacity, but it's not letting the background color show through.