Rounded corner images in FF with CSS border-radius?

HTML & CSS
1

I can apply rounded corners to images in Chrome with this css:

ul.my-list 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>
etc
</ul>

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.

2

This will spit out all the code you need. http://css3pie.com/