Растянуть div-ы по содержимому шире окна

Банальная верстка - главный блок на всю ширину и высоту
В нем 3 друг под другом на всю ширину

 <style>
 #box0 {
 position: relative;
 border: 3px solid red;
 background: #fcc;
 width: auto;
 }
 #box1 {
 position: relative;
 border: 3px solid green;
 background: #cfc;
 }
 #box2 {
 position: relative;
 border: 3px solid blue;
 background: #ccf;
 width: 2000px;
 }
 #box3 {
 position: relative;
 border: 3px solid gray;
 background: #ffc;
 }
 </style>
  <div id="box0">
  <div id="box1">
  b1
  </div>
  <div       id="box2">
  b2
  </div>
  <div id="box3">
  b3
  </div>
  </div>

если растягиваю центральный блок шире окна браузера (я поставил 2000px - у меня это шире), то остальные блоки этого не замечают.
Перепробовал кучу вариантов - работает только при замене дивов на таблицу.
А есть ли способ растянуть внешний див шире браузера по внутреннему диву без javascript, таблиц и с полной кроссбраузерностью?

Цитата kadomsky @ 06.01.14, 07:15

, то остальные блоки этого не замечают.

не понятно, что ты от них хочешь?..

Код неполный, замысел неясен. Почему один див должен влиять на другие, тем более что они отпозиционированы, тоже непонятно.

сделай внешнему display:inline-table или inline-block, в зависимости от остальной верстки
ранние IE не поймут
http://jsfiddle.net/8HeV9/

хотя имхо хочешь странного

Цитата kadomsky @ 06.01.14, 07:15

А есть ли способ растянуть внешний див шире браузера по внутреннему диву без javascript, таблиц и с полной кроссбраузерностью?

1) Он и так по ширине браузера по-умолчанию, в этом случае что значит по внутреннему?
2) Если по внутреннему, то что подразумевается под таблицами, т.к. display table и table-cell решают эту проблему с пол пинка, как сказал liss
3) Что значит полная кроссбраузерность? IE6 считать за браузер? А IE2? По умолчанию сейчас принято иметь ввиду IE10+ для стандартных приложений и IE8+ для коммерческих