Firefox Not implementing full style sheet

I'm having a bit of an issue with Firefox. I have implemented the following rule:

h1.entry-title {    
    font-family: "meddon"; color:white;
    padding: 10px 0 25px 0;
    margin: 0px;        
    background-image: url(images/backgrounds/h1.png) no-repeat bottom 0px; 
}

Yet in Firefox it doesn't show fully. Using Firebug, it shows an incomplete rendition of this style. The following is rendered:

h1.entry-title {
    color: white;
    font-family: "meddon";
    margin: 0;
    padding: 10px 0 25px;
}

Not sure why t开发者_运维百科he other declarations are not showing up, ie, the background image is not there. Also note that padding should have 4 numbers not three. Any ideas?

background-image only takes an image source, not a list of parameters. You're looking for just plain background

Here's a link to the background property

As for the padding, the 3 parameter syntax translates to top, right & left, bottom. The four number syntax translates to top, right, bottom, left. So it's doing the same thing.

Try This

h1.entry-title {
         font-family: "meddon"; 
         color:white; 
         padding:10px 0 25px 0;
         margin: 0px;
         background:#fff url("images/backgrounds/h1.png") no-repeat bottom }

because you used an invalid background-image value, the style will not show up.

As for the padding, firebug uses abbreviations whenever possible:

padding: all;
padding: top/bottom left/right;
padding: top left/right bottom;
padding: top right bottom left;