Rounded corner images in FF with CSS border-radius?

I can apply rounded corners to images in Chrome with this css: a img {border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}

Where the markup is…

<ul class="my-list">
<li><a><img /></a></li>
<li><a><img /></a></li>

Can the same effect be achieved in Firefox? I know I can do it to block level boxes, but it does not appear to be applying to images as Chrome appears to do.

This will spit out all the code you need.