It's completely broken if you use it with a mouse that has a scrollwheel.

I had no problems moving one tick at a time with my mouse wheel.

This is why you don't override basic interactions like scrolling. Good luck ensuring that your setup matches everybody else.

It's like 3 lines of standard CSS. If you have an issue with the way your browser is handling it, you should probably take that up with them.

Oh, "you're holding it wrong".

I can break basic user interaction with one line of CSS, does that mean I should?