Ich habe folgenden HTML-Code:

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

Wenn ich das auf einem Breitbildmonitor ansehe, ist alles in Ordnung. Wenn ich dies jedoch auf einem älteren CRT-Monitor in einer Auflösung von 800 x 600 ansehe, ist die äußere Unterteilung NICHT vollständig über die innere Unterteilung gespannt. Am unteren Rand befindet sich eine Schriftrolle (da das innere Div 1298px beträgt), das äußere Div wird jedoch nur auf 800px gedehnt (siehe Abbildung unten).

Kann mir bitte jemand dabei helfen? Ich möchte, dass das äußere Div immer 100% breit ist (d. H. Die Hintergrundfarbe / das Hintergrundbild sollte immer vollständig gestreckt sein, auch wenn eine horizontale Bildlaufleiste vorhanden ist).

Vielen Dank im Voraus.