Выравнивание меню по центру?

Question

[Martyer]

как в css выровнять верхнее меню навигации ? margin: 0 auto не получается.

вот собственно css:

/* Верхнее навигационное меню
-------------------------------------------------------------- */
#topheader-wrap {
top: 0px;
width: 100%;
background: #03658e url(image/spriteme2.png) repeat-x;
background-position: 0px -10px;
height: 31px;
z-index: 1000;
}
#topheader #header-search {
	float: right;

}
#topnav-icon {
	display: none;
}
#topnav-menu {
	margin: 0 auto;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#topnav-menu li{
	float: left;
position: relative;
margin: 0 auto;
}
#topnav-menu a {
	display: block;
	padding: 0.8em 1em;
	text-decoration: none;
	font-size: 0.8em;
	text-transform: uppercase;
margin: 0 auto;
}
#topnav-menu a:link, #topnav-menu a:visited{
	color: #fff;
	text-decoration: none;
margin:0 auto;
}
#topnav-menu a:hover {
	background: rgba(0,0,0,0.2); 
}
#topnav-menu li.current_page_item a, #topnav-menu li.current-menu-item a {
margin:0 auto;	
}

и скажите пожалуйста может в коде много лишнего есть, что надо убрать

Answer 1

[Roger]

Попробуйте

#topnav-menu, li {
display: inline-block;
} 
#topnav-menu {
margin: // Здесь регулируйте без auto
}

Comments

[Martyer]

благодарю) это не помогло) помогло margin-left:25%; и margin-right:25%; , на экране ноутбука стоит по центру, сейчас на большом проверю)

[Roger]

Хорошо, успеха :)

Answer 2

[ukoHka]

jsfiddle.net/1g1stzxv

Comments

[Martyer]

Спасибо)

Answer 3

[Martyer]

не решена задача jsfiddle.net/marty_er/5z3jejhz

Answer 4

[Александр Анкудинов]

Надо задать ширину блоку <ul> и выровнять margin:0 auto;

Результат:

<ul id="topnav-menu" class="menu" style="width:500px;
margin:0 auto;">

Использована грубая ширина, подберите свою.