bodyタグのbgとdivタグのbgsを結合してレイアウトを完成させるWebサイトがあります。ただし、使用しているブラウザやOSによっては、スクロールバーが原因で正確に一致していないようです。（overflow：hidden;をbody要素に追加してテストしましたが、すべてが完全に一致しています）
これを修正する方法はありますか？
ギャップはこれと同じくらい小さいです：
<body>
<div id="content">
<div id="contentL>
...
</div>
<div id="contentR">
...
</div>
<div style="clear:both;"></div>
</div>
</body>
body{ background:url('bg.jpg') top center no-repeat #000; }
#content{ width:980px; margin:0 auto; }
#contentL{ width:220px; padding:20px; float:left; background:url('left.jpg'); }
#contentR{ width:680px; padding:20px; float:right; background:url('right.jpg'); }
ありがとう