Несколько div-ов в ряд, как их растянуть на всю ширину экрана

Сайт пример - http://testsite482.vacau.com/6/

Идет несколько div-ов в ряд. Один с синим фоном, другой с зеленым, третий уже внизу и с красным. При нажатии на кнопку "2" на первом или "3" на втором div-е идет прокрутка с помощью явы до следующего.

Вопрос такой, как растянуть эти дивы на всю ширину экрана, потому что впоследствии на каждом из фонов должен быть текст прямо по середине, и не хочется, что бы на разных разрешениях экрана этот текст скакал. Т.е что бы синий фон был ровно по ширине и высоте экрана и ни сантиметром дальше. Нажал на кнопочку 2, он прокрутился до зеленого, который в свою очередь тоже будет на весь экран, итд. Задача по сути исходит из за дальнейшей проблемы с позиционированием объектов, на разных разрешениях экрана, текст и кнопки, которые там в дальнейшем появятся, скачут по всему экрану в зависимости от разрешения оного. Как это правильно сделать?

Спасибо!