Not getting curves on Firefox

I don't get this I did everything right,
and yet it still doesn't curve but on google chrome it does -

here is the code -

Code:

.main .main-head {
    margin-top: 20px
   background-image: url('http://i74.servimg.com/u/f74/15/54/05/02/new_ta11.png');
{border-radius: 5px 5px 5px 5px;}
-moz-border-radius: 5px 5px 5px 5px;
   }

And also how would I get this code to curve all 4 edges?

Code:

-moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;

I did it my self in the end!