Stretching a parent layer vertically to the height of all content

programming web dev
1

I’m trying to create a site that uses an image repeated vertically to take care of the columns in CSS. Sadly, the columns do not stretch the entire length of the content if the person has to scroll in Firefox. I need to find out some way to make the div layer that contains the image to stretch the full length of the content. It works great in IE.

Here is the linkie:
http://www.jlcreations.com/launch.php

Here is the stylesheet:
http://www.jlcreations.com/styles.css

Here is an exerpt from the stylesheet that i think is most relevant:


body {
		 margin-top:0px;
		 margin-bottom:0px;
		 background: #FCF5E9 url(images/tile.gif);
}
#container {
		 float:center;
		 margin-left:auto;
		 margin-right:auto;
		 height:100%;
		 background:url(images/background.jpg) top center repeat-y;
}

Thanks in advance for any help!