title: Firefox scrollbar unresponsive to click using overflow auto and pointer-events none
body: <p>Scrollbar in boxes with both overflow auto and pointer-events none are not responsive to clicks in firefox.</p>
  
  <p>I have created a very basic jsfiddle reproducing the bug:</p>
  
  <p><a href="http://jsfiddle.net/PgaeC/2/" rel="nofollow">http://jsfiddle.net/PgaeC/2/</a></p>
  
  <pre><code>.out {
      overflow: auto;
      pointer-events: none;
      height: 100px;
  }
  
  .in {
      height: 200px;
  }
  </code></pre>
  
  <p>this works in chrome and internet explorer (tested with ie9 and ie10)
  in firefox the scrollbar is unresponsive and cannot be clicked at all.</p>
  
  <p>any idea how to give clicks back to the scrollbar in firefox ?</p>
  
  <p>What i want is a box handling click, and another box sometimes going over it, grabbing clicks on its own, with a space on top where you can still interact with the bottom box, and the scrollbar spanning on the whole page
  like this : <a href="http://jsfiddle.net/NczQG/2/" rel="nofollow">http://jsfiddle.net/NczQG/2/</a></p>
  
  <p>EDIT: created bug in mozilla bugzilla: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=880671" rel="nofollow">https://bugzilla.mozilla.org/show_bug.cgi?id=880671</a></p>