title: HTML content only scrolls with scrollbar, not mouse wheel
body: <p>I have a <code>&lt;div&gt;</code> on my page with a fixed height, and <code>overflow-y: scroll;</code> set so that the content will scroll when it passes the bottom edge of the <code>&lt;div&gt;</code>. Nothing out of the ordinary.</p>
  
  <p>For some bizarre reason, the mouse wheel will only scroll the content if the cursor is over <em>empty space</em> in the <code>&lt;div&gt;</code> or if it's over the scrollbar itself. If the cursor happens to be over any of the text content in the <code>&lt;div&gt;</code>, the mouse wheel won't do anything.</p>
  
  <p>This happens in both Firefox and Chrome, so it isn't just a quirk of a particular rendering engine or something.</p>
  
  <p>The <code>&lt;div&gt;</code> in question is overlaid on top of another via <code>position: absolute;</code>, so I'm assuming that somehow the <code>&lt;div&gt;</code> behind it is interfering with the mouse wheel event - but then you'd think the problem would be reversed (the <code>&lt;div&gt;</code> would scroll <em>when</em> the cursor was over the text, not over the empty space).</p>
  
  <p>Anyone else ever see anything like this before? I'm stumped!</p>