title: large body width without horizontal scrollbar
body: <p>I set body width to 1920px and set background-image of the same width. The image is for header. Cause I have narrower wrapper inside my body and if I put header background to header itself the header background's width is cut by wrapper's borders. 
  So I put it to body but now I have horizontal scrollbar at the bottom and the center of the page is moved to right. 
  How can I get rid of that scrollbar and center the page? Here is the code:</p>
  
  <pre><code>body {
      background-color: #f6f6f6;
      background-image: url('../img/menu-background.png');
      width: 1920px;
      background-repeat: no-repeat;
      font-family: 'PT Sans';
  }
  
  .wrapper {
      width: 950px;
      min-height: 1658px;
      border: 1px solid grey;
      margin: 0 auto;
  }
  
  header a {
      text-decoration: none;
      text-align: center;
      display: block;
      width: 365px;
      margin-left: auto;
      margin-right: auto;
  } 
  </code></pre>
  
  <p>And HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="wrapper"&gt;
          &lt;header&gt;
              &lt;a href="#"&gt;
                  &lt;h1&gt;Lorem ipsum&lt;/h1&gt;
                  &lt;span&gt;bla-bla-bla&lt;/span&gt;
              &lt;/a&gt;
          &lt;/header&gt;
  </code></pre>