[CSS] Parent div groeit niet mee

[zubauza]

Ik heb een probleem met twee divs:

HTML:

<div id="outer">
<div id="inner"></div>
</div>

waarbij de volgende CSS code hoort:

Cascading Stylesheet:

#outer {
border: 2px solid blue;
}

#inner {
width: 2000px;
height: 10px;
background-color: red;
}

(border en background-color laten zien waar het probleem zit)

In IE wordt de #outer div even groot als de #inner, maar in andere browsers wordt de #outer div niet breder dan de browser-window, dus niet breder dan 100%.

Is er een manier om ervoor te zorgen dat de buitenste div even breed wordt als de binnenste, ook buiten de browser-window?

[Verwijderd]

#outer ook op '2000px' zetten?

Het heeft te maken met het feit dat de 'initial containing block' van het root element de viewport is. Zie http://www.w3.org/TR/CSS21/visudet.html#blockwidth Aangezien de viewport 100% width en 100% height is zal #outer dat ook zijn.