title: CSS header doesnt go all the away across (Safari 5.1.5. and all other browsers too)
body: <p>I have this site...</p>
  
  <p><a href="http://willruppelglass.com/" rel="nofollow noreferrer">http://willruppelglass.com/</a></p>
  
  <p>it looks good on my machines and all browsers I tested but someone told that the black header doesn't go all the away across the header. What am I doing wrong....before in all browsers there was a big white space to the right...so I changed this..</p>
  
  <pre><code>.headerNav {
      color: 
      black;
      margin: 0 auto;
      width: 1280px;
      padding-top: 140px;
      padding-left: 230px;
      }
  </code></pre>
  
  <p>to this</p>
  
  <pre><code>.headerNav {
      color: 
      black;
      margin: 0 auto;
      width: 1050px; /* decrease the width of the div to compensate for the padding-left */
      padding-top: 140px;
      padding-left: 230px;
      }
  </code></pre>
  
  <p>but now the header doesn't appear to go all the way across</p>
  
  <p>The browser in question is Safari 5.1.5.</p>
  
  <p>any help would be appreciated, thanks in advanced,
  J  </p>
  
  <p>here is a screen shot on what I am dealing with...
  <img src="https://i.stack.imgur.com/CudSN.png" alt="enter image description here"></p>