CSS-радиус границы закругляет углы, но не фон

Question

Я использую округленную границу 15px на элементе div, а сама граница округляется снаружи, но внутри (где граница встречается с фоном) это все еще квадратный угол.*http://jsfiddle.net/BQT5F/1/

Я думал, background-clip поможет здесь, но это не так.Это должно быть возможно, верно?

(Кроме того, я знаю, что он не совместим с IE, на данный момент я просто стремлюсь к Chrome и FF)

Answer 1

Чтобы получить закругленную внутреннюю границу, радиус границы должен быть больше, чем толщина границы. Например:

радиус границы: 30 пикселей; border-width: 15px;