Помогите выровнять пункты меню от центра!

[oli413]

Добрый вечер!

Помогите, пожалуйста!!! Нужно, чтобы пункты меню на сайте были выровнены от центра (сейчас все от левого края). Как сделать не знаю. Вот css:

 

#menu {

background-color:#0077c5;

width:100%;

z-index:23;

top:0

}

.sf-menu {

position: relative;

margin: 0;

padding: 0;

list-style: none;

}

ul.sf-menu > li:first-child {

background:none;

margin: auto;

 

}

ul.sf-menu > li {

        float: left;

z-index: 10;

position:relative;

border-radius:0;

padding:25px 16px;

background:url(../image/sep-1.png) no-repeat left center;

}

ul.sf-menu > li > a {

z-index: 1;

position: relative;

font-size:22px;

font-weight:bold;

color:#fff;

text-decoration:none;

line-height:30px;

text-transform:uppercase;

}

ul.sf-menu > li.current>a,

ul.sf-menu > li>a:hover,

ul.sf-menu > li.sfHover>a,

ul.sf-menu > ul > li.active>a  {

color:#0bb559

}

.sf-menu .sf-mega {

display: none;

z-index: 99;

position: absolute;

z-index: 5;

background-color:#363636;

left:0;

top:61px

}

 

[mazein]

#menu {
text-align: center;
}

ul.sf-menu > li {
float: left; - убрать
display: inline-block; - добавить
}

Змінено 28 січня 2016 користувачем mazein

[oli413]

 

Спасибо, помогло. Правда, в Мазилле, будь она не ладна, меню расползлось на 2 строки в итоге. там что-то связано с масштабированием, я так понимаю. Пока уменьшила шрифт. Не подскажете какой-нибудь выход, чтобы и без этого в мазилле не переносилась строка?

[mazein]

там что-то связано с масштабированием, я так понимаю

 

Что за масштабирование?

Ссылка на сайт будет?

[oli413]

 

http://neman-shop.ru/

[mazein]

Так оставить не вариант? 

[oli413]

Так оставить не вариант? 

Да в принципе вариант. Просто, если верстка не кроссбраузерная, боюсь еще где-нибудь, что-то поедет при последующих изменениях.)