CSS image not displaying

[strelitzia]

I'm having problems with a new template i'm trying to create.
I can't get background images to display that are called in the stylesheet.

CSS is:

#wrapper{

background-image:url(../images/xmas_window_bg_top.jpg) left top no-repeat #f5f5f6;

background-color:transparent;

text-align:center;

}

Any suggestions why it doesn't display?

Regards
Steve

[gjh42]

Where is xmas_window_bg_top.jpg located? Seeing your site live would make it easier for us to advise you.

[strelitzia]

the image file is located in includes/templates/xmas_shop/images.

site is only on a local testing server at the moment so i can't show it live.

[gjh42]

Are you sure the bg image is not displaying? "#wrapper" sounds like an element that will be filled with other elements, and if those have background colors, they will block the wrapper bg.

[strelitzia]

Definately not displaying.

I removed the entire stylesheet apart from the section that calls the image and it still doesn't display.

[gjh42]

Reading the rule you posted more closely, the problem is obvious: you are using the property declarations wrong.
background-image: can only take a url for a value; all other values need to be in other background- properties, or else use the shorthand property background:

#wrapper{
background-image:url(../images/xmas_window_bg_top.jpg) left top no-repeat #f5f5f6;
background-color:transparent;
text-align:center;
}
#wrapper{
background:url(../images/xmas_window_bg_top.jpg) left top no-repeat #f5f5f6;
text-align:center;
}

If you want the bg transparent, remove the #f5f5f6 and it will default to transparent.