John Reporter
	Description • 16 years ago

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1pre) Gecko/20090605 Shiretoko/3.5pre
Build Identifier: 

Using The CSS property -moz-border-radius does not work on images. It works on other block level elements, including those with a background image applied which is a workaround for web developers who need to achieve this effect.

Additionally; when a border is applied to the image the border is rounded, but disapears behind the image. 

HTML-code to display an image with a rounded border:

<img src="image.jpg" alt="image" style="-moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid 1px red">

Apple Safari 4 supports an alternative property which does work. The image itself is rounded, but the rounded part of border is not displayed. This behavior should not be copied.

Reproducible: Always