Add a sample based on text content
$el.outerHeight() or outerWidth() retrive an incorrect value

This make the contentWidth or contentHeight has an smaller value. And produce an longer scrollbar.
This is happening in xp sp3 ie7. This is perhaps caused by the 'hasLayout' problem. Add 'zoom:1' to the first child will solve the problem.
Can not scroll the scrollbar when the mouse is over the blank area.

Happened in the xp sp3 ie7/win7 ie10. If scroll the mouse over the blank area, the scrollbar will not move. See the example 'text-content.html' I committed.
Add an 'background-image: url("about:blank")' to solve this problem.
Support ie6's hover pseudo class

Use scripts to add '.hover' class on the target element.
Fixed the scrollbar height for xp sp3 ie6

set 'font-size:0' for the scrollbar
Fixed the scrollbar position for xp sp3 ie6

The bottom of scrollbar-x and the right of scollbar-y just keep the static value 3px.