[RESOLVED] Background image does not display

[rickduley]

My CSS declares:

/* define #canvas which is the area in #screen where the work is done */
#canvas
{
width: 80%;

margin-left: 10%;
margin-right: 10%;

background-image: url('./img/perthLifeBackground.gif');
}

However, the image does not display. The image name is correct, the address is correct. What do I have wrong?

[letmehaveago]

you haven't provided enough code for us to diagnose - the above code looks fine but what about the associated html.

[rickduley]

Herewith all the code to date.
I appreciate the help.

[rickduley]

PEBCAK! :o

I forgot that the CSS is not in the root folder so the address of the image had to be:

background-image: url('../img/perthLifeBackground.gif');

See the double period?

Mea Culpa. Sorry to have bothered anyone.