Css Repeating Background

Question

So I have a background image for my content on a site and was wondering if there was a way to make the background repeat on the y axis when content starts to overflow. Here is what it looks like: http://ithacawebdesigners.com/temp_data/wildfirewp/

Thanks!

e. here is the div

#content {
float:left;
height:100%;
width:860px;
padding-top:10px;
background:url('http://ithacawebdesigners.com/temp_data/wildfirewp/images/contentbackw.png') repeat-y;
margin:0 0 0 70px;
}

Answer 1

background-repeat: repeat-y;

Answer 2

If you set the CSS to use background-repeat:repeat-y;
It should work

Answer 3

In ur CSS add

background-repeat : repeat-y;

Answer 4

Remove the fixed height (500px) from your .postcontent css class. Everything else seems to be in order.

Answer 5

In your layout.css file you have this block around line 260:

#content .page,#content .attachment,.postcontent {
height:500px;
width:720px;
margin-top:15px;
margin-left:30px;
float:left; 
}

Remove the height rule; it is limiting the height of your background. Unfortunately your background doesn't tile well, but this will get you started.