יש לי תפריט שאני רוצה למרכז אותו כמו שיש לדוגמה במערכת joomla (למי שלא מכיר, התפריט שלהם ממורכז באמצע הדף, לא משנה כמה קישורים יש ומה הרזולוציה של המסך)

התפריט שלי בנוי כך:

<ul id="quickJumpMenu">
<li class="selected"><a href="">selected link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
<li><a href="">link</a></li>
</ul>

#quickJumpMenu {
	width: 984px;
	height: 25px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #eeeeee;
}
#quickJumpMenu li {
	float: right;
	list-style: none;
	line-height: 25px;
	font-size: 12px;
	padding: 0;
}
#quickJumpMenu li:hover {
	background:#fff url('images/arrow.png') no-repeat center bottom;
	border-bottom: solid 1px #afafaf;
}
#quickJumpMenu li.selected {
	background:#fff url('images/arrow.png') no-repeat center bottom;
	/*border-bottom: solid 1px #afafaf;*/
}
#quickJumpMenu li a {
	margin: 0 auto;
	padding: 0 auto;
	margin-right:10px;
	padding-left:10px;
	color:#444;
	border-left:solid 1px #eee;
	height: 25px;
}
#quickJumpMenu li.last a {
	border: none;
}
#quickJumpMenu li:hover a {
	color:#666;
}

מה אני יכול לעשות כדי למרכז אותו?

תודה לעוזרים

הקוד שכתבת ל css הוא נכון, אבל מיועד למרכז אוביקטים כלליים יותר. אם תשים את כל הבלוק הזה בתוך div או בטבלה, ואז תיתן להם את ה style שכתבת, זה יעבוד.

מה גם, יכול להיות שיש לך בעיות כי לא הוספת doctype ואז זה לא יעבוד באקספלורר.

כדי למרכז טקסט משתמשים ב text-align:center