Problem to masking images with firefox

[American horizo]

Please hel me, i'm going crazy!
I've crerated a simple circle with gradient color and saved it as svg file...

At this point i want to set it as a mask of ani image.. This is the code


<img id="immy" src="http://www.hdwallpapersarena.com/wp-content/uploads/2012/05/22-amazing-landscape.jpg">


and this the css rule

#immy
{
    -webkit-mask-image: url(cerchio.svg); /*chrome*/
    mask: url(cerchio.svg#cer);  /*firefox*/
} 

the mask works fine in chrome, but it dont make any result in firefox, where the image simply isn't showed (such if the mask hide it completely)

[rtrethewey]

CSS masks were new to me, since I usually rely on ImageMagick to create such effects on the server or use CSS gradients if I can. So I searched on "css mask firefox" and found quite a lot of information. I bet you'll find a solution if you try the same search. Good luck!