Выровнять div меню по центру

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

Стили CSS.

.menu ul {
 float:left; /* влево */
 left:50%; /* смещаем влево на 50% */
 margin:0 auto; /* выравниваем */
 position:relative; /* для элементов списка */
}

.menu ul li {
 float:left; /* влево */
 position:relative; /* позиционируем относительно родителя */
 right:50%; /* главный момент, отступаем справа на 50% */        
}

Позиционирование основных элементов решает проблему! Пользуемся на здоровье, ведь мы за красивый веб!