How to get perfect border radius on images in all browsers?

Question

Currently I\'m getting like this in Chrome, Safari, Mobile Safari and Opera. edges are rough.

<         


        

Answer 1

for img tags , percent border radius work perfectly:

.roundcornerimg{border-radius: 50%;}