奇怪的鉻邊框半徑字體大小錯誤

Question

對不起，關於令人困惑的標題，但這個bug是奇怪的。

我工作的一些按鈕，並注意到，如果我的按鈕具有邊框+邊框半徑+覆蓋（用於漸變）特定字體大小鉻顯示2px右邊界而不是1。

這裏是小提琴

http://jsfiddle.net/3x73q9md/

我不知道如果我的覆蓋容器被繼承的東西，但我不能找到修復，只是改變字體大小。

也試過

font:0/0 a; 

上覆蓋容器和各種CSS黑客，但是這只是沒有任何意義。

該按鈕是相對和覆蓋絕對拉伸的所有方向。

有人可以請解釋這是什麼。

請注意，我不是要求添加/刪除/修改當前的html結構。只需要瞭解爲什麼會發生這種情況併爲此提供可能的解決方案。

Answer 1

change .overlay class border-radius：inherit;至border-radius：0;

 .overlay {border-radius:0;} 

演示：http://jsfiddle.net/3x73q9md/1/