Html Firefox边框半径未显示

我正在使用以下css

#helper{
position:absolute;
bottom:0;
width:100%;
}

#key{
width:950px;
margin:0 auto;
z-index:2;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}


<-- inside body -->
<div id="helper">
<div id="key">SHould be rounded top corners?</div>
</div>

#助手{
位置：绝对位置；
底部：0；
宽度：100%；
}
#钥匙{
宽度：950px；
保证金：0自动；
z指数：2；
-左上角moz边界半径：8px；
-moz边框半径右上角：8px；
}
应该是圆角吗？

---

但在Firefox中，刷新后不会显示。你知道我应该先去哪里吗？谢谢

为#键元素指定背景或边框

键{ 您应该使用边框或背景来进行此操作。

问得好，哈利

这可能是因为我们增加了两行。Firefox 14 may喜欢css中的所有四个角

更换2条线路
-左上角moz边界半径：8px；
-moz边框半径右上角：8px；

有4行
边框左上半径：18px；
边框右上半径：18px；
边框左下半径：0px；
边框右下半径：0px；

例如：

钥匙 {
宽度：290px；
页边距：0自动；
边框：4px实心#000；
背景颜色：#EE7621；
边框左上半径：18px；
边框右上半径：18px；
边框左下半径：0px；
边框右下半径：0px；
填充：5px015px；
}

JSFIDLE示例：

我们还可以将css用作类和id:

---

Thx；

使用Web开发者（）要在Firefox中动态编辑CSS，请尝试按Shift+Refresh按钮以强制跳过缓存。对于我来说，如果在

#key

上有背景或边框，您可以看到角落。我的页面包含谷歌地图，因此我还更改了id名称，因为谷歌地图api使用了#key。添加了背景色，并添加了填充：0。谢谢

width:950px;
margin:0 auto;
z-index:2;
border:1px solid #000;
background-color:#F00;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}