title: background limit
body: <p>I reduced the graphics of a website so that it can fit 800px wide screen and it was set for 1000px before .I am done with resizing all the elements and have brought the site to the center of the page with 100px space on both the sides but the background is still repeating on the whole page .I want white space on the sides of the pages .bg.png is of size 100*100 and is repeating itself on the whole page .
  <a href="http://imgur.com/zKyrf,ryv7y" rel="nofollow">http://imgur.com/zKyrf,ryv7y</a>
  The grey background need to be in 800px width.
  The commands that I have used for background are :</p>
  
  <pre><code>    html {
  
      height:100%;
  }
  html, body, ul, form {
      margin:0;
      padding:0;
  }
  html {
      background-image:url(../images/bg.png);
  
       margin-left: auto;
           margin-right: auto;
  
  }
  body {
       background:url(../images/bgGeneral.png) repeat-x 0 0 ;width:800px;
  
       width:800px;
       margin: 0 auto;
  
  }
  </code></pre>