Меню на картинке

[Ritter]

Делаю меню на картинке, получается вот что:

Но как только, я хочу поправить чтобы было по центру, получается:

Ссылки накладываются друг на друга, когда ставишь именно ровно по центру, т.е. если чуть выше или ниже, то все норм. Поправляю margin-ом.

Посоветуйте, как сделать норм?

[Searcher]

покажите код

[Ritter]

 #navbar {
	margin:0 auto;
	padding:36px 10px 0px 10px;
	margin-left: -85px;
	text-transform:uppercase;
	background:#ffd700 url('../img/navbar.gif');
	width:743px;
	margin-top:45px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
}
#page-bar {
	padding:0px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float: left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #303030;
	margin-top: -31px;
	}

#page-bar li:hover {
	background: #5b5b5b;
	}

#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:11px 14px;
	font-weight:bold;
	color:#eeeeee;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#page-bar p {
	margin:0;
	padding:0;
	}

В странице так:

<div id="navbar" class="clearfloat">
		<ul id="page-bar" class="left clearfloat">

<li><a href="/">Главная</a></li>

</ul> </div>

Edited October 15, 2009 by Ritter