У меня есть 5 браузеров для рендеринга html-кодированных страниц: IE9, Firefox 4.0 и всех новейших версий Chrome, Safari и Opera. Теперь в IE9 и Firefox 4.0 изображение обрезается правильно при использовании border-radius: и -moz-border-radius: но не работает в Opera, Chrome и Safari, используя -webkit-border-radius:. В Opera изображение вообще не обрезается, а с помощью Safari и Chrome изображение несколько обрезается, но при этом граница также обрезается.
.nonTyp{
margin: 15px 15px 15px 15px;
border:4px inset #C1C8DD;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
width:200px;
height:200px;
}
Если у вас есть один из трех упомянутых браузеров, которые используют -webkit-border-radius: пожалуйста, просмотрите изображения, например, о том, что у меня есть проблема: Графическая страница