Верска div-ами (не получается)

[Ururu]

Не смог найти толкового описания верски дивами, вездекак то урывками.
По верстке сайт простой:
хедер
хедер 2 разделеный на 2 части
центральный контейнер с тремя блоками
футер разделеный на 2 части

Как понял из разных мануалов, делим дивами страницу на горизонтальные контейнеры и в них помещаем вертикальные.

<!--Лого-->
		<div id="header1"></div>
<!--Хедер-->
		<div id="header2">
<!--Поисковик-->
			<div id="search" class="column">поиск</div>
<!--Топ меню-->
			<div id="topmenu" class="column">кнопки</div>
		</div>
<!--Центральный контейнер-->
		<div id="container">
<!--Левое меню-->
			<div id="left" class="column">меню</div>
<!--Контент-->
			<div id="center" class="column">контент</div>
<!--Правое меню-->
			<div id="right" class="column">меню2</div>
		</div>
<!--Футер-->
		<div id="footer">
<!--Копирайт-->
			<div id="copyright " class="column">копирайт</div>
<!--Счетчики-->
			<div id="countermenu" class="column"></div>
		</div>

По CSS для дивов вообще бардак. Например можно указать clear для контейнера с несколькими блоками.
Пример:

/* Центральный контейнер */
#container {
	width: 100%;
	margin:0;
	padding:0;
	min-width:800px
	clear: both;
}
/* Левое меню */
#left {
	margin:0;
	padding:0;
	float: left; /* Обтекание по левому краю */
	width: 200px; /* Ширина блока */
}
/* Контент */
#center {
	margin:0;
	padding:0;
	width: 100%; /* Ширина блока */
}
/* Правое меню */
#right {
	margin:0;
	padding:0;
	float: right; /* Обтекание по правому краю */
	width: 100px; /* Ширина блока */
}

[Ururu]

Подскажите хотябы про вложеность ...
Тоесть если дивы идут раздельно, то родительское окно это окно браузера. А если дивы вложены, то родительский див и все flat и т.д. применены к нему????? Это правильно?? Или все дивы позиционируются относительно окна браузера, несмотря на вложеность?

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