i have a background image that is 1 pixel x 625 pixels. it's sort of a fade design and i like the look of it. i would like to set the image so that instead of just tiling the image over and over again down the page, it will only extend the color of the last pixel all the way down the page. the only way i know how to do it now is to make the background image like 10000 pixels long and extend the last pixel color manually. i don't want it to be a watermark because i have the top graphic and some on the sides to match up with the fade effect. so i'd like it to scroll with the page. hope that made sense. thanks in advance for any help.

I know what you mean and what you are trying to accomplish but in reality you are making it overly complicated. To make it accustomed to all resolutions make the background COLOR your very last pixel. Say you have a bg image that fades from white to black

so your css would look like:

body {
     background: #000 url(image/bg.jpg) repeat-x;
}

Take a look at this:

http://nvsmedia.syncomm.net/

the source code for that. The bg image is 1 pixel wide and 768 pixels tall. I took the very last pixel of my bg and made it the bg color.

If you don't want it to do that you can make your bg image fixed (where it scrolls with the user) but this makes for an odd site.