El fondo DIV no se estira correctamente

Tengo el siguiente código HTML:

 body { background:#547c15; margin:0; padding:0; } #inner { margin:0 auto; width:1298px; } #outer { background:#000; }  










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).

Problema con el estiramiento DIV

¿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.

Dar el width:100%; div exterior width:100%; para hacer que se redimensione para contener los contenidos internos, creo que funcionará, en caso de que no funcione, use min-width:1298px;

En su #outer agregue esto:

  float:left; width:100%;