how to repeat image within DIV no matter the content

i have the following which works if i set the height but as the page dynamic i wish to have the page grow no mater the height needed. without having to change the height for each page, meaning i have the DIV added to each page, i can can only have one.


#container2010 { background-color:#ecedee; width:775px; background-image:url(images/containerbg2010.jpg); background-repeat: repeat-y; }

i have the following which works if i set the height but as the page dynamic i wish to have the page grow no mater the height needed. By default, an element like <div> automatically stretches its height along with the content inside it.

IE has a problem with this, but the CSS min-height Property (http://www.w3schools.com/css/pr_dim_min-height.asp) might work for you. Maybe the new IE 9 (http://ie.microsoft.com/testdrive/) will solve that problem when it gets out.