http://www.deborahnavas.com

I have a long narrow background image that I want to have repeat horizontally, so that it creates a fade out.

When I try this, which seems logical, there is no image displayed.
background-position: top left;
background: url(/images/background.gif);
background-repeat: repeat-y;

I have tried various other configurations, but they also display no image. For now I have left the image to be on, but if you scroll down you see where it repeats.

Thanks for any advice.
Gordon Peery

1) you are using both the background short code and other background statements
2) repeat-y causes the image to repeat top to bottom, since it is 5px width, it will only show a 5px image on the left of the screen.

what you want to do (I think) is use repeat-x and hvae a background-color of #FFFFFF so it will fade to white and only one occurance will show in the x-axis but it will be repeated on the y-axis

Thank you - success!