带有css背景和圆形边框的Firefox溢出漏洞

我试图设计一个带有橙色背景和圆形边框的按钮，但问题是背景溢出。我看不出Chrome有什么问题

我使用了溢出：隐藏，但没有帮助。你知道吗

代码如下：

display: inline-block;
padding: 8px 15px 6px;
background: -moz-linear-gradient(top, #f8cc55, #ba701d);
background: -webkit-linear-gradient(#f8cc55, #ba701d);
background: -o-linear-gradient(#f8cc55, #ba701d);
background: -ms-linear-gradient(#f8cc55, #ba701d);
background: linear-gradient(#f8cc55, #ba701d);
color: #1f2b20;
text-shadow: 0 1px 0 #e3bf8b;
font-size: 14px;
border-radius: 15px;
border: 3px solid #2e2e2e;
box-shadow: 0 1px 0 #fff inset;

火狐

铬

---

如果

框阴影不是必需的，请将其删除。这将解决问题：）
如果
框阴影不是必需的，请将其删除。这将解决问题：）
您可能希望在Firefox中使用什么：

。记住
background
属性将重置未指定的任何子属性的值，因此将
background clip
放在最后。
您可能希望在Firefox中使用的内容：

。记住
background
属性将重置未指定的任何子属性的值，因此将
background clip
放在最后。
谢谢，这也解决了IETS中的相同问题。这也解决了IE中的相同问题
background: -moz-linear-gradient(top, #f8cc55, #ba701d);
background: -webkit-linear-gradient(#f8cc55, #ba701d);
background: -o-linear-gradient(#f8cc55, #ba701d);
background: -ms-linear-gradient(#f8cc55, #ba701d);
background: linear-gradient(#f8cc55, #ba701d);
color: #1f2b20;
text-shadow: 0 1px 0 #e3bf8b;
font-size: 14px;
border-radius: 15px;
border: 3px solid #2e2e2e;
box-shadow: 0 1px 0 #fff inset;
background-clip: padding-box;