У меня есть следующий 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>

Когда я смотрю это на широкоэкранном мониторе, все в порядке. Но когда я смотрю это на старом ЭЛТ-мониторе с разрешением 800X600, внешний div не полностью растянут по внутреннему div. Внизу есть свиток (из-за того, что внутренний div равен 1298px), но внешний div растягивается только до 800px (см. Изображение ниже).

Может кто-нибудь помочь мне с этим? Я хочу, чтобы внешний div всегда был на 100% ширины (то есть цвет фона / изображение всегда должно полностью растягиваться, даже если есть горизонтальная полоса прокрутки).

Заранее большое спасибо.