Background

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”> </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.