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

[m-alberta]

Уважаемые знатоки, здравствуйте.

Пытаюсь выравнять текст меню по центру, но пока не получается.

Может ли кто-нибудь помочь?

На меню можно посмотреть здесь:

http://www.marssel.org/rus/

На данный момент прописаны такие стили:

#menu ul {
	background-image:url(../images/menu.png);
	width:962px;
	height:52px;
	margin:0 auto;
	background-repeat: no-repeat;
	overflow:hidden;
	clear:both;
	}

#menu ul li {
	background-image:url(../images/sep.png);
	background-position: right;
	background-repeat: no-repeat;
	width:112px;
	height:50px;
	margin-right:-2px;	
	display: block;
	float:left;
}

#menu ul li a {
	width:109px;
	height:52px;
	padding:0;
	margin:0;
	padding-top:14px;
	color:#8b8a88;
	font-size: 14px;
	text-decoration: none;
	display: block;
	text-align: center;
	outline: 0;
	float:left;
}

#menu ul li a:hover, #menu ul li a.hover {
	width:109px;
	height:50px;
	padding-top:14px;
	font-size: 14px;
	text-decoration: none;
	display: block;
	outline: 0;
	background-image:url(../images/light3.png);
	background-position: top center;
	background-repeat: no-repeat;
	color:#FFF;	
	float:center;
}

#home {
	margin-bottom: 300px;

Что тут нужно изменить?

Спасибо

Edited October 14, 2012 by alexriz
Оформляйте код в тег CODE!!!

[npofopr]

можно #menu ul li сделать {display: inline-block;}

ну и text-align: center; применить для родительского блока.

и высоту хедера увеличьте до 150px, а то как то наезжает ведь

шрифт в 8px это жестко) ну да не суть)

Edited October 14, 2012 by npofopr

[Kray Storm]

Opera - полет нормальный. И заголовок и навигация и подписи в менюшках - все по центру. Даже при масштабировании.

Только у пункта "Главная" слева вертикальный разделитель где-то потерялся (а может так и надо...).

[m-alberta]

Спасибо, разобралась.