css - Firefox -moz-border-radius won't crop out image?

Question

Does anyone know a way to get Firefox to crop the corners if the border radius of an image is set? It's containing element will work fine but I get ugly corners sticking out.

Any way to fix this without setting the image as a background image or processing it before I put it on my site?

Answer 1

Workaround: Set the image as the background of a container element, then add border radius on that element.