CSS stationary BG image-scrollable container

programming web dev
1

Hi,

I have a background gradient that I want to stay stationary while my container box on top of it scrolls like normal. Is this possible? I am using an X-repeate for the BG to expand on the X axis but I cant do that with Y because the top and bottom of the gradient background dont match up. Thanks!!

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #e1e1e1;
margin: 0; padding: 0;
text-align: center; color: #333333;
background-image:url(img/BGsymbol.gif);
background-repeat: repeat-x ;
}

#container {
width: 950px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #cccccc;
text-align: left;
}