CSS :Как центрировать горизонтальный список? Дисплей :Встроенный не работает

У меня большие проблемы с запуском простейших кодов. Я хочу, чтобы мой горизонтальный список css был центрирован, вот и все.

Ссылка здесь:http://bit.ly/LtIBai

У меня есть этот код:

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

Тем не менее, это не центр?

ПРИМЕЧАНИЕ. :Окно должно иметь размер «планшетного портрета», чтобы увидеть код, на который я ссылаюсь. Приблизительно 800 пикселей в ширину, когда логотип располагается по центру, а меню переходит на следующую строку, но до появления мобильного меню.