Menu orizzontale centrato

[robertes]

Ciao ragazzi sto utilizzando questo codice per un menu dropdown orizzontale

file css 
ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}


/* navbar list */
ul.horizontal {
	position:absolute;
	left:0;	
	width:100% ;
	cursor:default;
	margin:0 auto;
	z-index:2000;
	
	
	top:5.75em;
	}
	/* navbar list-items */
ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	
	text-align:left;
	
	
	left:10.55em;
	
	
	margin:0 0 0 -1px;
	}
	
* html ul.horizontal li {
	margin:0 -10.55em 0 10.5em;
	}

ul[class^="horizontal"] li {
	margin:0 -10.55em 0 10.45em;
	left:0.05em;
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:10.2em;
	margin:0 0 0 0;
	left:-10000px;
	}
	
ul.horizontal ul li {
	width: 15.2em;
	left:auto;
	margin:-1px 0 0 0;
	}

ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:12.2em;
	}

ul.horizontal ul ul {
	margin:-0.45em 0 0 7.65em;
	}

@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#ffffff;
	border:1px solid #000000;
	padding:5px 7px;
	font:normal normal 12px verdana,tahoma, verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	}
	
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background:#ffffff;
	color:#2358B4;
	}



ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		f\loat:left; 
		background:#ffffff; 
		}
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { displa\y:block; }


file html 
<ul id="menu-h" class="horizontal" >
	[*]$admin_html[12]
	
	[*]$admin_html[39]
		<ul>
			[*]$admin_html[13]
			[*]$admin_html[24]
			[*]$admin_html[28]
		[/list]
	
	[*]$admin_html[14]
		<ul>
			[*]$admin_html[0]
			[*]$admin_html[6]
		[/list]
	
	
	[*]$admin_html[23]
		<ul>
			[*]$template_admin[17]
			[*]$template_admin[4]
		[/list]
	
	
	
	[/list]

Il problema è che il menu viene spostato sulla sinistra!
Come posso fare per risolvere? grazie

[robertes]

help

[robertes]

raga idee?

[robertes]

help

[robertes]