HTML content only scrolls with scrollbar, not mouse wheel
I have a <div> on my page with a fixed height, and overflow-y: scroll; set so that the content will scroll when it passes the bottom edge of the <div> . Nothing out of the ordinary. For some bizarre reason, the mouse wheel will only scroll the content if the cursor is over empty space in the <div> or if it's over the scrollbar itself. If the cursor happens to be over any of the text content in the <div> , the mouse wheel won't do anything. This happens in both Firefox and Chrome, so it isn't just a quirk of a particular rendering engine or something. The <div> in question is overlaid on top of