This double border is created by using repeat-y for the body background tile starting at 0px 0px. Then the same background tile is used set at 100% 100% in a div.

body   {background: #99CCFF url(images/questions.gif)
        repeat-y scroll 0px 0px ;}
div    {background: #99CCFF url(images/questions.gif)
        repeat-y 100% 100%; margin-left:125px; 
        height: 1000px; margin-top: -15px; padding-top: 100px;}
p      {width:500px;}

Look here to see two different background tiles (one for the body, one for the div) used for a different look.

Close this window