Hi guys, I'm new to CSS and the learning progress is going good but I have run into a problem!

I have a main #wrapper which contains the whole website. Inside that I have a #header, #content_wrap and #footer. Inside the #content_wrap I have 3 more div id's (left nav, content area and right nav). The problem is that I can't figure out how to add a repeating background image to the content wrap. I want the background to carry on repeating down when the left nav, content area and right nav extend. The background is visible when I give the #content_wrap a height. I don't want it a fixed height because some pages will have more content than others.

This is how the divs are placed:

<div id="wrapper">

<div id="div id=header"></div>

<div id="content_wrap">
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
</div> <!-- End content_wrap -->

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

</div><!-- End wrapper -->

This is how it should look: http://postimage.org/image/2c0e7o9no/

But this is how it looks now ;/ : http://postimage.org/image/2c0hiqyn8/

Can you please help me with this. If u need more info then please ask. Cheers.

Nevermind! I have figured it out. Had to add Overflow:auto; to the div I had the background repeat-y image in. Cool.