Težava, ker se div ne razširi več kot na širino okna

Imam dva diva. Eden zontraj drugega. Težave mi povzroča notranji div.

Če ima uporabnik manjšo širino zaslona, kot je notranji div (1100px), potem se notranji div zarširi v deno stran zaslona, kar je ok. Zunanji div, pa ostane na širini okna. Se ne razširi na 1100px. Poiskusil sem tudi width: auto. Stvar ne bi bila sploh problematična, če ne bi bil v div1 ozadje. Ker se le ta ne razširi potem tudi manjka del ozadja.

<div id="div1" style="width: 100%">
<div id="div2" style="width: 1100px">

</div>
</div>

Na internetu sem našel par JS rešitev, kar pa mi ne diši preveč. Obstaja kaka pure CSS rešitev, po možnosti da je valid. Trenutno sem rešiv stvar tako, da sem namesto div1 uporbil obično tabelo.