CSS rounded corners on img in firefox

Question

The problem is quite simple, but I spent too much time searching for answer. I'd appreciate if someone can throw a little light on the problem.

The CSS -moz-border-radius works with a div, but I'm trying to make it work on img tags.

-webkit-border-radius works flawlessly on img in Chromium.

I have also tried to wrap the img in a div, which has rounded corners and uses overflow: hidden;. It works in Chromium, but no hope in Firefox.

Answer 1

you could put the image as a background of a div then have that div have rounded corners

Answer 2

Here is a solution which can help you to solve this problem

http://learneveryday.net/css/css-round-corner-menu-with-image/