title: css start repeating background from defined position
body: <pre><code>#container{
      background:url(images/bg-main.png) repeat-y;
      width: 903px; 
      background-position: 0px 687px;
      background-position: bottom;
      height: 1200px;
      margin-left: auto;
      margin-right: auto;
      }   
  #content{
      background:url(images/bg-wood.png) repeat-y;
      width: 903px; 
      height: 678px;
      margin-left: auto;
      margin-right: auto;
      }
  </code></pre>
  
  <p><code>#content</code> div is inside <code>#container</code> div. I want <code>#container</code>'s  background to start repeating at 687px from top. Is it possible?</p>
  
  <p>EDIT: Is it possible that first x pixels of div (from top) have emtpy space and after x pixels backgrund starts?</p>