Thema: Menü nicht mittig

Hallo zusammen,

ich habe ein horizontales, dem ich das Menu Class Suffix "-nav" zugeteilt habe. Dazu noch Menu Style horizontal. Nun möchte ich das Menü in der breite des Templates in der mitte angezeigt erhalte. Ich bring es nicht hin!! Ich habe versucht float: left; zu löschen, aber dann geht es mir in die vertikale Position!!

Code:

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #79A8E1;
}

div.wrapper {
	width: 775px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background-image: url(../images/inhalt.gif);
	background-repeat: repeat-y;
}

div.header {
	width: 775px;
	height: 169px;
	background-image: url(../images/header_logo.gif);
}

div.topNavi {
	width: 775px;
	height: 80px;
	background-color: #FFFFFF;
	text-align: center;
}
div.topCol {
	width: 775px;
	height: 32px;
	background-image: url(../images/inhalt_header.gif);
}
div.centerCol {
	padding: 0;
	width: 775px;
	background-image: url(../images/inhalt.gif);
}
div.main {
	margin-right: 40px;
	margin-left: 40px;
	left: 40px;
	right: 40px;
	width:690px;
	}
td, tr, p, div {
	font-family       : Verdana, Arial, Helvetica, sans-serif;
	font-size         : 12px;
	color             : #000000;
	}
div.content {
	font-family       : Verdana, Arial, Helvetica, sans-serif;
	font-size         : 12px;
	}

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
div.footer {
	width: 775px;
	margin: -81px auto 0 auto;
	padding: 0;
	height: 80px;
	background-image: url(../images/footer.gif);
	text-align: center;
	left: 50%;
	right: 50%;
}
/* Topmenu */
a.mainlevel-nav {
	width: 110px;
	float: left;
	font-size: 12px;
	line-height: 48px;
	background-image: url(../images/button.gif);
}

 ul#mainlevel-nav
{
display: block;
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
}

ul#mainlevel-nav li{
	width: auto !important;
	width: 5%;
	display: block;
	margin: 0;
	font-size: 10px;
	height: 48px;
	line-height: 48px;
	white-space: nowrap;
	margin-right: 1px;
	background-image: url(../images/button.gif);
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
margin-left: 5px;
white-space: nowrap;
}

Weis jemand weiter?!