Вопрос по макету

[ikilldog]

Всем добрый день. В ветке форума для начинающий нашел ссылку на обучение верстке, там 7 макетов разного уровня сложности. Так вот, вопросы к сожалению появились уже на самом первом.

http://divhack.com/downloads/study/1/html/ вот готовый макет. Не могу разобраться с меню. В силу своего минимального опыта в CSS не понимаю как это было сделано.

.menu {
	background: #afafaf;
	overflow: hidden;
}
.menu li {
	float: left;
}
.menu a {
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	line-height: 43px;
	padding: 0 41px;
	display: block;
}
.menu li:first-child a {
	padding: 0 41px 0 44px;
}

Сам пытался делать меню через отдельный блок и span внутри. Было более менее понятно, но насколько знаю, списком делать как раз правильно.

Если кто -нибудь сможет объяснить на примере этого конкретного макета, для чего применялся overflow, display:block а так же, как именно было сделано позиционирование элементов списка относительно друг друга, буду премного благодарен!

Всем заранее спасибо!

P.S - справку по CSS насчет всех этих элементов перечитывал уже не раз, поэтому просто так не стал бы обращаться. Гораздо лучше если кто-то сможет на этом конкретном примере объяснить что было сделано.

Edited October 13, 2012 by ikilldog

[ils]

Ответы на ваши вопросы - Тынц

[ikilldog]

Благодарю)