Выравнивание меню

[okunev2]

Столкнулся с такой проблемой, как кросбраузерно выравнять меню по центру, когда меньше пунктов то меню прижимается к правому краю:

.header-menu {
	position: absolute;
	width: 930px;
	height: 31px;
	background: url('../images/bg_menu.jpg') repeat-x;
	bottom: 0;
}

.header-menu ul {
	position: relative;
	padding: 4px 50px 2px 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

.header-menu ul li {
	float: right;
	display: block;
	padding: 0 12px 0 18px;
	text-align: center;
}

.header-menu ul li span {
	display: block;
	font: normal 13px Arial;
	padding-top: 2px;
	padding-left: 32px;
	background: url('../images/pkt.jpg') 0 5px no-repeat;
}

.header-menu ul li a {
	display: block;
	font: normal 13px Arial;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.header-menu ul li a:hover {
	 text-decoration: underline;
}

		<div class="header-menu">
		<ul>
   		<li><span style='background-image: none;'><a href="/">Главная</a></span></li>
			<li><span><a href="/">О проекте</a></span></li>
			<li><span><a href="/">Новости</a></span></li>
			<li><span><a href="/">Помощь</a></span></li>
			<li><span><a href="/">Вопросы и ответы</a></span></li>
			<li><span><a href="/">Форум</a></span></li>
			<li><span><a href="/">Контакты</a></span></li>";
		</ul>
		</div>

[psywalker]

а почему бы убрать флоат и не использовать обычный display-inline;?

[okunev2]

а почему бы убрать флоат и не использовать обычный display-inline;?

В ИЕ начнутся проблемы

[psywalker]

В ИЕ начнутся проблемы

Не верю.

[Great Rash]

Инлайн-блоки вас спасут. В ИЕ6+ никаких проблем с ними нет (заграница display: inline; + zoom: 1; вам поможет)

[Searcher]

http://forum.htmlbook.ru/index.php?showtopic=10823

[okunev2]

а почему бы убрать флоат и не использовать обычный display-inline;?

а куда в мой css применить?

display: inline; zoom: 1;

[okunev2]

проверил в ИЕ6 и ИЕ7 это не работает:

display: inline; zoom: 1;