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="contentwrapper">
<div id="leftcontent">
</div>
<div id="centercontent">
</div>
<div id="rightcontent">
</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!