jScrollPane bug with IE 6 & IE 7 causes content to spill out all over the page

There is an IE 6 / IE 7 (only) bug that causes the content to spill out over the rest of the page. (The scroll bar appears, but the part of the scrolling content that should be "hidden" is spilling out onto the rest of the page where it shouldn't be visible. It does, actually scroll)

For example:

In your scripts (probably inside a $(document).ready() call):

This is because overflow: hidden has a known issue with IE6/IE7 if the block (div) that is supposed to be overflow: hidden (as is the case with the scrolling div) but doesn't have relative positioning. The fix for this is to give position: relative to the div you are trying to make scroll

See these links related to the overflow: hidden issue in IE6/IE7:

http://stackoverflow.com/questions/2403011/ie6-ie7-css-problem-with-overflow-hidden-position-relative-combo
http://mt-olympus.com/emmett/bug_overflow_positionrelative.php?doctype=xhtmlstrict&overflow=hidden