Hi, I am currently working on converting one of my sites from fixed to fluid layout. The design incorporates an image which is why I never tackled this before,  but I found a way to make the image adjust according to the viewers window size. I was happy to discover that!

However, I am now having a problem with an aspect I thought would be simple. There is a div which is for a column, & in the html code the div starts with an image, which is the one I successfully got to adjust.  Also in this column div in my css is a background image, which is set to repeat-y (vertically).  I have tried to figure out how to make this background image to not repeat but to stretch in the css (to adjust to wider resolutions), with no luck. So I am thinking my only way is to add the image in the html doc instead of the css doc, but I can't figure out how to make it repeat vertically.

Here's my test page I'm working on: http://www.brenniesdreamscape.com/test.html
The column in question is the 3rd (right-most), which has the top image & the gradient image below, which is currently called for in the css as a background image & set to repeat-y.  This is the one I'm working on, as when I view in higher resolutiobns, it repeats. I don't want it to repeat (horizontally), I want ot to stretch.