Wrappers can't show background image behind other divs?

[akapsycho]

I'm not sure if this is possible, but I thought that my best shot would be to ask here.

My site's coming along well at http://www.antiriddle.com and I'm trying to improve on the current design. The layout I'm trying to do is a three-column layout and my markup looks like this:

<div id="contentwrap per">
<div id="leftcontent ">
</div>
<div id="centerconte nt">
</div>
<div id="rightconten t">
</div>
</div>

Each div, except for the wrapper represents a different column. Currently, I only have a main body gradient going and everything else has a clear background. I tried making an image the width of my contentwrapper and applying it with repeat-x but it didn't work. Any idea for how I could use a single image behind all of these columns? Also, I tried slicing images but that just messed up with the padding.

Thanks in advance!

[akapsycho]

Alright for one, I've realized that it should be repeat-y. Still haven't figured out the problem, but I'm still looking.

[akapsycho]

Another thing I've figured out is that although IE6 isn't supporting the transparent PNG, the background image does show up. It doesn't even appear in Firefox. Maybe this is some sort of known issue but I haven't been able to figure it out...

[akapsycho]

Ok I figured it out myself. I had to add a min-height value for the contentwrapper so that it knew how far to show the background image. I hope that it will expand as more content appears in the columns.