Firefox Border Radius Not Showing

Question

I am using the following 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>

Yet in Firefox it is not showing after refresh. Any ideas where should I be looking first? Thanks

Answer 1

Specify a background or border for the #key element?

Answer 2

hey try this

#key{
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;
}

you should use border or background for this.