Tengo el siguiente código 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>

Cuando estoy viendo esto en un monitor de pantalla ancha, todo está bien. Pero cuando estoy viendo esto en un monitor CRT más antiguo en una resolución de 800X600, la división externa NO está completamente estirada sobre la división interna. Hay un desplazamiento en la parte inferior (debido a que el div interno es 1298px) pero el div externo se estira solo a 800px (vea la imagen abajo).

¿Puede alguien por favor me ayude con esto? Quiero que el div exterior siempre tenga un ancho del 100% (es decir, el color / imagen de fondo siempre debe extenderse completamente incluso cuando hay una barra de desplazamiento horizontal).

Muchas gracias por adelantado.