HTML-контент прокручивается только с помощью полосы прокрутки, а не колеса мыши

У меня есть <div>на моей странице с фиксированной высотой, и overflow-y: scroll;настроен так, что содержимое будет прокручиваться, когда оно пройдет нижний край <div>. Ничего необычного.

По какой-то странной причине колесо мыши будет прокручивать содержимое только в том случае, если курсор находится над пустым местом в <div>или над самой полосой прокрутки. Если курсор окажется над каким-либо текстовым содержимым в <div>, колесико мыши ничего не сделает.

Это происходит как в Firefox, так и в Chrome, так что это не просто причуда конкретного механизма рендеринга или что-то в этом роде.

Рассматриваемый <div>накладывается поверх другого через position: absolute;,поэтому я предполагаю, что <div>за ним каким-то образом мешает событию колесика мыши -, но тогда можно подумать, что проблема будет обратной (<div>будет прокручиваться , когда курсор находился над текстом, а не над пустым пространством ).

Кто-нибудь еще когда-нибудь видел что-нибудь подобное раньше? Я в тупике!