Can you also put the list of links in an iframe of the same size as the article pane?
So that the browser window does not get a scroll bar, and instead you have two scroll bars - one for each pane.
And BTW it's quite possible to have it auto size the iframe using CSS. You should not need to have it fixed.
Set:
HTML, BODY { height: 100%; }
Then give the two iframes height's of 100%, and add a padding to the article iframe giving you space for the two orange bars, which you put in place with position fixed (either on top, or on bottom, as needed.)
i.e. if each bar is 10px high, then either do padding-top: 20px; (space for two bars), or padding: 10px 0px; (10 on top and on bottom)
Hope that helps.
Oh, also get rid of the padding/margin around the body.
So that the browser window does not get a scroll bar, and instead you have two scroll bars - one for each pane.
And BTW it's quite possible to have it auto size the iframe using CSS. You should not need to have it fixed.
Set:
HTML, BODY { height: 100%; } Then give the two iframes height's of 100%, and add a padding to the article iframe giving you space for the two orange bars, which you put in place with position fixed (either on top, or on bottom, as needed.)
i.e. if each bar is 10px high, then either do padding-top: 20px; (space for two bars), or padding: 10px 0px; (10 on top and on bottom)
Hope that helps.
Oh, also get rid of the padding/margin around the body.