-moz-linear-gradient with PNG background over top

Question

So Firefox supports gradient Backgrounds. Also supports multiple Background images.. So why does this not work??

background:-moz-linear-gradient(top, #5989bd,#336296), url(Active-Arrow.png) right center no-repeat;

Also tried:

background-color:-moz-linear-gradient(top, #5989bd,#336296);
background:url(Active-Arrow.png) right center no-repeat;    

Can this be done??

Answer 1

You must include the background image BEFORE the linear gradient. E.G:

background: url(http://127.0.0.1/css/bg.png) no-repeat, -moz-linear-gradient(top left, #FCCE00, rgba(255,0,0,0));