how do i place a scroll bar outside of the div which is overflowed?

i have a page which has a centered (vertical as horizontal) content div. When the div is overflowed than a scroll bar appears on the right side of the div.

i think this looks ugly and i would like to have the 开发者_开发问答scrollbar on right side of the screen as normal.

Is there anyway to fix this?

the page is available here

thanks guys!

You have to remove the fixed height and the overflow from .content.