sceiler: Horizontale Navigationsleiste zentrieren

Beitrag lesen

Hallo,

ich habe mittels ein Tutorial mir eine Navigationsleiste gebastelt. Dummerweise bekomme ich diese nicht zentriert.

#Navigation {  
	margin:0;  
	padding:0;  
	/**/  
	position:relative;  
	  
}  
  
#Navigation ul {  
	margin:0;  
	padding:0;  
	line-height:30px;  
}  
  
#Navigation li {  
	margin:0;  
	padding:0;  
	list-style:none;  
	float:left;  
	position:relative;  
	background-color:#999;  
}  
  
#Navigation ul li a {  
	text-align:center;  
	text-decoration:none;  
	height:30px;  
	width:150px;  
	display:block;  
	color:#000;  
	color:#FFF;  
	border:1px solid #FFF;  
	text-shadow:1px 1px 1px #000;  
}  
  
#Navigation ul ul {  
	position:absolute;  
	visibility:hidden;  
	top:32px;  
}  
  
#Navigation ul li:hover ul {  
	visibility:visible;  
}  
  
#Navigation li:hover {  
	background:#09F;  
}  
  
#Navigation ul li:hover ul li a:hover {  
	background:#CCC;  
	color:#000;  
}  
  
#Navigation a:hover {  
	color:#000;  
}

Wenn ich in

#Navigation {  
	margin:0;  
	padding:0;  
	/**/  
	position:relative;  
        float:right:  
        right:50%;  
}

einfüge sieht es zumindest zentriert aus aber die Liste wird dadurch vertikal.