title: Opacity outside browser window becomes solid
body: <p>I am getting a very weird behavior across all browsers when using rgba to make a div have a background with opacity.</p>
  
  <p>Screenshot: <a href="http://screencast.com/t/ma9AsEqINvnN" rel="nofollow">http://screencast.com/t/ma9AsEqINvnN</a></p>
  
  <p>CSS for the opacity: <code>background: rgba(255,255,255,.8)</code></p>
  
  <p>What happens is the opacity becomes solid where the browser window ended. As you scroll, the opacity/solid line scrolls up the page. So what was visible without scrolling is opaque and what required scrolling is solid.</p>
  
  <p>URL: <a href="http://www.ashwebdev.com/fleetridge" rel="nofollow">http://www.ashwebdev.com/fleetridge</a></p>