html - How can I show an image as a background of a div? -

inside home.html :

<div id="footer">     working!!! </div>

in css file:

#footer {     height: 70px;     background-image:url('footer.png');      border: 1px solid #000; }

i check url of image again & again.. cannot see image background in footer div. reason. please me

the syntax seems fine

put path relative css file

e.g. if files located as

web-inf |     | css |     |      your.css |     | images |     |      footer.png

then use

 background-image:url('../images/footer.png');

you use firebug correct path, can edit url putting ../../images , once image visible update css file same data.

Brande