Создание одноколоночного макета средствами div-ной верстки

OldFornit

Создать макет странички пользуясь средствами css и div.
Скриншот получившегося результата находится здесь - [url]http://dreamweaver.net.ru/forum/practic/1.png[/url] (1024*768)
Вот html-код (изменять нельзя!)
Ответ принимается в виде css

[code:1:bc271cce3b]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Задание начального уровня</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<div id="box">
<div id="top">
<h1>Заголовок. Размер шрифта 12 пунктов</h1>
</div>
<div id="menu">
<ul>
<li><a href="#" class="active">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
<li><a href="#">Пункт3</a></li>
<li><a href="#">Пункт4</a></li>
<li><a href="#">Пункт5</a></li>
</ul>
</div>

<div id="main"><div>
<p>Центр. Отступ со всех сторон - 1em</p>
<br />
<p>Цвета и размеры можешь ставить какие угодно, но картина
должна получиться примерно такая, как на скриншоте</p>
<p>Результат рекомендую проверить минимум в 2-х браузерах</p>
</div></div>

<div id="footer">
<p>
Футер или подвал
</p>
</div>
</div>
</body>
</html>
[/code:1:bc271cce3b]

admin

Обговариваем решение и читаем ответ в специальной [url=http://dreamweaver.net.ru/forum/viewtopic.php?p=4814#4814]теме[/url]