I currently have the following code in my CSS:

#footer{clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:20px 0 0px 0; background:#323232 url(../images/footerbg.gif) no-repeat center top; height:40px}

I have attached a screenshot of the bottom half of my website. The black part is the footerbg.gif that you see in the CSS.

I would like for that image to repeat down to the bottom of the page.

Any idea on what code should be edit from above to make that happen?

I think you need repeat-y.

#footer{
clear:both;
text-align:center;
overflow:hidden;
margin:0 auto;
padding:20px 0 0 0;
background:#323232 url(../images/footerbg.gif) repeat-y center top; height:40px
}

That's what I thought too but still not working

A link to actual page would be easy to determine the issue or atelast the markup and css. Otherwise as far as your question goes; "repeat-y" is used to repeat vertically.

Originally Posted by radiant_luv

A link to actual page would be easy to determine the issue or atelast the markup and css. Otherwise as far as your question goes; "repeat-y" is used to repeat vertically.

Right, without link we cannot help more. Maybe you are forgot DOCTYPE declaration.