Верстка. Оформление списка по горизонтали.

Добрый день.

При работе с очередным проектом возникла следующая проблема: нужно оформить список так, как это представлено на схематическом рисунке (при этом необходимо расположить его по центру страницы). Почему именно списком? Потому что я предпочитаю верстать семантически, а этот список представляет собой навигацию по сайту. Поэтому в идеале его необходимо сверстать именно списком. На данный момент я смог сверстать его только используя абсолютное позиционирование, но ведь должны быть другие пути решения? Никто не подскажет, какие именно?

Приблизительный код:

<ul>

	<li id="1">Главная</li>

	<li id="2">Статьи</li>

	<li id="3">Резюме</li>

	<li id="4">Контакт</li>

</ul>

С уважением,
Саймон.

Hungry_Hunter предложил такой вариант:

<ul>

<li id="1" style="float: left; list-style: none;">Главная</li>

<li id="2" style="float: left; list-style: none;">Статьи</li>

<br clear="left">

<li id="3" style="float: left; list-style: none;">Резюме</li>

<li id="4" style="float: left; list-style: none;">Контакт</li>

</ul>

Вполне рабочий, так что спасибо :-) Правда, у меня всё работает и без:

<br clear="left">

"<br clear="left">" мало того, что не семантично, еще и не валидно.

Чтобы нижние два пункта "свалились" нужно просто указать ul ширину.

<br clear="left">

Вот и меня что-то смутило.

Да, кстати, я после так и сделал :-) Дизайн уже в портфолио.