Схематичный HTML-макет на DIV'ах

Сверстать на CSS схематичный макет – всего несколько DIV'ов. Схема на рисунке в приложении. Основные критерии: простота и мультибраузерность (IE7 и выше - обязательно).

Те у кого есть уже готовое решение могут выкладывать скриншоты, при разных размерах окна браузера.

Описание в схеме (см. приложение):

- Серый блок – для контента. Занимает высоту по его содержимому (не 100% высоты) и скроллится как обычная страница (можете добавить текста на 2 экрана для наглядности)

- Синий блок занимает 100% высоты видимой(!) области браузера. Ширина – фиксированная. Остается на одном и том же месте, при скроллинге страницы.

- Красный занимает высоту по его содержимому.

- Желтый занимает высоту по его содержимому и прижат к нижней части зеленого блока, но не выходит за видимую часть синего блока.

- Зеленый блок занимает высоту по его содержимому, но не больше оставшегося места в синем блоке. При уменьшении высоты браузера, как только три блока начинают не умещаться в синем, зеленый начинает уменьшается по высоте с появлением скроллинга. Можно ввести min высоту синего блока, чтобы он совсем не исчезал.