Consider the following page: http://www5.atpages.jp/~syockit/testFixed.html
I'm creating a page with a header, a footer, and a middle container having left and right navigation bars and a content area in the middle. The thing is, I want the scrollbar for the content to be on right of the window, as opposed to the right of the content area (so that it may follow Fitt's Law in maximized mode). With the current styling, the right navbar is covering the scrollbar, making it not visible.
I noticed that the navbar will move to the left if scrollbar for the whole page (i.e. for <body>) is enabled instead. So one solution would be to use <iframe> for the content. But is there any way to make the right navbar move to the left to accommodate the scrollbar when it's needed without resorting to iframe?
See www5.atpages.jp/~syockit/testIframe.html for example using iframe.