Eu tenho o seguinte 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>

Quando eu estou vendo isso em um monitor widescreen, está tudo bem. Mas quando estou vendo isso em um monitor CRT mais antigo em uma resolução de 800X600, a div externa NÃO é totalmente esticada sobre a div interna. Há uma rolagem na parte inferior (devido ao div interno ser 1298px), mas a div externa é esticada apenas para 800px (veja a imagem abaixo).

Alguém pode me ajudar com isso? Eu quero que o div externo seja sempre 100% de largura (ou seja, a cor / imagem de fundo deve sempre esticar completamente, mesmo quando há uma barra de rolagem horizontal).

Muito obrigado antecipadamente.