Firefox中的圓角：邊框和背景之間的空間

Question

我有一個div，我正在應用圓角。

這是我的demo fiddle。

<div>&nbsp;</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

               

Answer 1

有趣的是，如果我們將其更改爲點綴，白色的消失：

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

http://jsfiddle.net/5yAkZ/23/

編輯了無效的CSS以前

Answer 2

檢查了這一點這是你想要 JsFiddle

<div id='ex1' class='exampleRound'>&nbsp;</div> 

#ex1{ 
    border-radius: 50px; 
    height: 200px; 
    width: 200px; 
} 
.exampleRound { 
    background: none repeat scroll 0 0 #4c66a1; 
    border: 5px solid pink; 
    font-size: 20px; 
    font-weight: bold; 
    margin-bottom: 30px; 
    padding: 20px 40px; 
    margin:20px 
} 

Answer 3

見https://bugzilla.mozilla.org/show_bug.cgi?id=704399是固定在Firefox 11和新。