title: Centering an element with fixed position using non relative values
body: <p>I am looking for a way to have the #logo element on the right center, using non relative values, which means that if I zoom out it won't zoom out towards the left but towards the center. I need to keep the position on fixed cos I need it to scroll with the #main div.</p>
  
  <pre><code>#main {
          margin:0 auto;
          height:1200px;
          width:1200px;
          background-image:url(Background.png);
          background-repeat:no-repeat;
      }
  
      #logo {
          top:20px;
          left:700px;
          margin-left:-177.6px;
          width:355.2px;
          height:148.8px;
          position:fixed;
  }
  </code></pre>