Div background-Image Not Showing Online

[TagUK2006]

Hi Guys,
Im hoping someone can advise.

I have a div and want it to display an image as the background, in my editor I can see its OK with some inline CSS but when i sent the page and image to the server the image does not display?? I can see the CSS width and height have worked as there is a space where the div is and its sized as my CSS tells it to be - but the image is not there.. I have looked on the server and the image is there so Im stumped?

I have tried this using a style sheet for the CSS and inline on the page like this like i have at the moment..

<div style="background-image:url(skin/sidePicGrey1.gif);height:148px;width:124px;background-position:left;background-attachment:fixed;background-repeat:no-repeat;">

If anyone can advice id be greatfull.
Thanks
Tag

[6StringGeek]

are you able to see the image in your browser if you type it's full path: http://www.yoursite.com/skin/sidePicGrey1.gif

?

[TagUK2006]

are you able to see the image in your browser if you type it's full path: http://www.yoursite.com/skin/sidePicGrey1.gif

?

Hi,
I found that if I remove this:

background-position:left;background-attachment:fixed;background-repeat:no-repeat;

and have it in my style sheet as this:

#sidePic{
background-image:url(skin/sidePicGrey4.gif);
height:148px;
width:124px;
}

It seems to work without the removed parimeters above? Im not quite shure why as I thought they were all good for holding the pic where I wanted and not allowing a repeat ..

Thanks again for reading.
tag

[Major Payne]

As long as #sidePic has the correct width/height for the image, then this also should work:

#sidePic {
width: 124px;
height: 148px;
background: #XXXXXX url(skin/sidePicGrey4.gif) no-repeat top left fixed;
}

#XXXXXX is just the background color if wanted while image loads.