title: CSS: Fixed background-attachment won't scale to element bounds
body: <p>I've never before run into a CSS problem I couldn't seem to figure out, but I'm just baffled by this one. I have a  element in which I'd like to have a fixed background image, and I'm intentionally using an image that's quite a lot larger than the element because I'm not using media queries for this particular project, but rather just want to have the image scale to the element width. For some reason, however, when I switch the background-attachment to fixed, the image uses the boundary of the parent element as it's reference point.</p>
  
  <p>I'm using the Foundation 4 framework (I use it all the time), and as such the parent element is a <code>row</code> class, so that's worth noting, but I can't figure out what about that might cause this problem. Here's the style definition I'm using (I've broken the background declaration apart for trouble-shooting). Ideas, anyone?</p>
  
  <pre><code>#page-content {
    min-height: $publicContentHeight;
    background-color:rgba(255,255,255,0.25);
    background-image: url('../img/paper_phren/pages.bg.fludd.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:contain;
    background-attachment: fixed;
    box-shadow:0px -5px 10px rgba(0,0,0,.3);
  }
  </code></pre>