title: Relative position with background image
body: <p>I have a div I would like which I have placed at 25% from the top. However, the 25% are computed with respect to the size of the background image and not with respect to the size of the visible screen. How can this be fixed?</p>
  <h3>Update: now the top margin works, but not the left one :(</h3>
  <p>Any clue?</p>
  <pre><code>body {
      background: #eeeeee url('pix/bg-noether-2.jpg') no-repeat center top;
      background-size: auto 100%;
      background-attachment: fixed;
      overflow: hidden;
      align: center;
  } 
  
  #container {
      background-color: #ffffe4;
      position: absolute;
      width: 776px;
      height: 400px;
      top: 25%;
      margin-left: auto;
      text-align: center;
      overflow: auto;
  }
  </code></pre>