title: CSS background-image resizes when I set background-attachment: fixed
body: <p>I have a div named "page". I set its background-image with CSS, using the code below. I size the image to take 100% of the div's width, and it sets nicely its height to keep its scale. But when I set "background-attachment: fixed", it resizes the image. It increases the image size, and now it doesn't fit into my div, so most of it is cut.
  I will highly appreciate any help.</p>
  
  <p>The CSS code:</p>
  
  <pre><code>    #page {
          height: 100%;
          width: 60%;
          margin: 0 auto;
          background-image: url('bg2.jpg');
          -webkit-background-size: 100% auto;
          -moz-background-size: 100% auto;
          -o-background-size: 100% auto;
          background-size: 100% auto;
          background-repeat: no-repeat;
          background-attachment: fixed;
      }
  </code></pre>