Mam następujący kod HTML:

<style>
body {
background:#547c15;
margin:0;
padding:0;
}
#inner {
margin:0 auto;
width:1298px;
}
#outer {
background:#000;
}
</style>
<div id="outer">
  <div id="inner">
    <br><br><br><br><br><br><br><br><br><br>
  </div>
</div>

Kiedy oglądam to na monitorze panoramicznym, wszystko jest w porządku. Ale kiedy oglądam to na starszym monitorze CRT o rozdzielczości 800X600, zewnętrzny div NIE jest w pełni rozciągnięty na wewnętrznym div. Na dole znajduje się zwój (ze względu na wewnętrzny podział wynoszący 1298px), ale zewnętrzny div jest rozciągnięty tylko do 800px (patrz rysunek poniżej).

Czy ktoś może mi w tym pomóc? Chcę, aby zewnętrzny div zawsze miał 100% szerokości (tj. Kolor tła / obraz powinien zawsze rozciągać się całkowicie, nawet gdy jest poziomy pasek przewijania).

Z góry dziękuję.