Закругленные углы в Firefox: расстояние между границей и фоном

У меня есть div, к которому я применяю закругленные углы.

Вот моя демонстрационная скрипка.

 
div {
    margin: 20px;
    width: 250px;
    height: 250px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    background-color: #4c66a1;
    border: 2px solid #4c66a1;
}

У меня также есть граница и цвет фона, примененные к этому div. Проблема возникает в Firefox. Между границей и фоновым цветом div есть небольшой пробел (см. изображения ниже). Это очень мало, но люди, тем не менее, заметили это. Это похоже на световой эффект на углу.

Это известная проблема со скругленными углами в Firefox? IE, Chrome и Opera работают нормально.

К вашему сведению/ В целях иллюстрации проблемы я сделал границу и фоновый цвет одинаковыми, хотя это и избыточно. Это делает пробелы более заметными.

 Firefox      Chrome/IE/Opera

enter image description hereenter image description here

8
задан Wesley Murch 6 March 2012 в 18:17
поделиться