[mk2phil]

Hey guys, pretty new to CSS/HTML and I've got a problem with a background image I'm trying to display. Its the same image but with small variations depending on whereabouts you are within site. So I cant declare background-image in my container div cos it changes from page to page, so I've created an id for it:

#home_image {background-image: url(images/home.gif);background-repeat: no-repeat;background-position: top left;}

and then call it inside the code thus:

<div id="home_image">&nbsp;</div>

But its not working - the image doesn't display? Whats really annoying is that when I originally had it declared inside my container div, it worked fine..?

Any ideas/advice/abuse?

Thanks

[smallbeer]

does the home_image div actually take up any space? It won't stretch to the size of the background image.

[mk2phil]

Yes mate, its 480px wide, 350px high.

[smallbeer]

where's that declared then?

[Alex]

ALso, use css shorthand, replace ur background declarations with just one;

#home_image
{
background: url(images/home.gif) no-repeat top left;
}

[mk2phil]

Bingo. Thanks smallbeer.

Will do Bogeyman, cheers.