# CSS stationary BG image-scrollable container

**URL:** <https://forum.kirupa.com/t/css-stationary-bg-image-scrollable-container/258019>\
**Category:** web dev\
**Created:** [April 19, 2008, 6:27pm UTC](https://forum.kirupa.com/t/css-stationary-bg-image-scrollable-container/258019 "2008-04-19T18:27:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NS05](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ns05/32/2205_2.png) [@NS05](https://forum.kirupa.com/u/NS05)\
**Post date:** [April 19, 2008, 6:27pm UTC](https://forum.kirupa.com/t/css-stationary-bg-image-scrollable-container/258019/1 "2008-04-19T18:27:14Z")

</div>

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;  
}