title: CSS position fixed AND margin 0 auto
body: <p>So I have a background image with the following css:</p>
  
  <pre><code> body{
      background-image:url(cover.jpg);
      background-repeat:no-repeat;
      background-position:center;
      background-attachment:fixed;
  }
  </code></pre>
  
  <p>And the background image is 1280 px in width. So I want my navigation bar fixed and centered with the background. However Im running into issues. Here is my code. </p>
  
  <pre><code>#navigation {
  margin: 0 auto;
  position:fixed;
  top: 0;
  width: 1280px;
  height: 35px;
  padding-top: 10px;
  background-color: #000000;
  }
  </code></pre>
  
  <p>But the navigation bar will be fixed but not centered. If I remove the fixed, it will center it but then its not fixed.</p>
  
  <p>Any ways to accomplish this?</p>