背景が固定され、中央にスクロール可能なテキストがあるWebページを作成しています。
最初にHTMLとボディスタイルを設定しました。
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
次に、次のページが表示されます。
<body>
<div style="position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:0;">
<img src="background.jpg" align="center" width="100%" height="100%" />
</div>
<div style="position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; overflow:auto; z-index:1;">
Safariでは、Chrome、Firefox、Operaがうまく機能します。IE8では（IE7、IE9などでテストする機会がありません。また、本当に望んでいません...）、2つの垂直スクロールバーが隣り合って表示されます。
このがらくたに対する解決策はありますか？