title: CSS: -webkit-mask-image
body: <p>I'm using the CSS property </p>
  
  <pre><code>-webkit-mask-image
  </code></pre>
  
  <p>To apply a mask over an image. However, in chrome, the mask moves as you scroll the image off the page.</p>
  
  <p>How do you prevent the mask from moving? Or is it a rendering artifact?</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/DZTvR/">http://jsfiddle.net/DZTvR/</a> (Scroll down on the frame with the map in it).</p>