In Chrome for Mac OSX the scroll bar overflows the last line of text.
Mac OSX 10.7.5, Google Chrome Version 23.0.1271.64. In Safari it works great!
(This answer originally from this dupe.)
While this is a usability problem with OS X, it's not as if a fix on the SO side would be the first time that a site went out of its way to work around the quirks of a popular OS/browser.
Moreover, this doesn't always happen, there's something more going on than just "OS X messes up scrollbars."
The options for scrollbar display are:
Using Always (unsurprisingly) fixes this problem by adding extra padding and using a small scrollbar style:
With either Automatically based on mouse or trackpad1 or When scrolling the scrollbar is sometimes okay: (Less padding, but still plenty usable. The scrollbar is actually slightly less tall than with Always.)
But sometimes bad:
I got the above two different behaviors simply by moving the mouse out so that the scrollbars disappeared and then moving it back in. No page reload, no settings changes, just mouse movement. Sometimes it picked the small scrollbar style, sometimes large. The inconsistent behavior's the same in both Safari and Chrome.
Something weird is going on.
1 I'm using the built-in trackpad, maybe behavior's different with a mouse. The "Help" for this preference unhelpfully says essentially "Go try it and see."
I can only obtain that result when scroll bars are not always shown. When I set the scroll bars to always be shown, they don't cover the code shown in the following snippet.
When I set them to automatically appear based on mouse or trackpad, this is what I see, when I hover the snippet.
I have taken the screenshot from Google Chrome, but I get the same with Safari.
Firefox always show the scroll bars, independently from the OS X General settings. Its output is the same I obtain with Google Chrome when OS X is told to always show the scroll bars.