# Background

**URL:** <https://forum.kirupa.com/t/background/246882>\
**Category:** Uncategorized\
**Created:** [December 15, 2007, 9:25pm UTC](https://forum.kirupa.com/t/background/246882 "2007-12-15T21:25:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dali](https://avatars.discourse-cdn.com/v4/letter/d/c68b51/32.png) [@Dali](https://forum.kirupa.com/u/Dali)\
**Post date:** [December 15, 2007, 9:25pm UTC](https://forum.kirupa.com/t/background/246882/1 "2007-12-15T21:25:30Z")

</div>

I’ve been staring at the lines for few hours now and don’t find what’s wrong with the code. I have a div container with a background gif, which is supposed to be repeated, but is repeats only 3 times and then stops. The div is empty, with the code  
\<div class=“shadow”\>&nbsp;\</div\>, the css for it  
.shadow {  
width: 6px;  
float: left;  
margin:0;  
background: #c7c9b1 url(…/pix/6x5px\_shadow.gif);}  
The main div, containing the background one, has the css:  
.main {  
margin-right: auto;  
margin-left: auto;  
width: 950px;}  
The purpose of the .shadow div is just to fill it with the repeating background gif, to set a vertical shadow along the left menu container.