NaviMenü Block Centern

Sry das ich noch einmal total dumm frage!

Wie centere ich den NaviMenü Balken?

Wie ihr seht ist der Balken an der linken Seite angeschlagen. Geb ich im Text (folgt gleich Fett und Unterstrichen makiert) nun "center" ein dann steht das Menü wieder als Block Links Oben angeschlagen. Und das solls ja nun nicht ^^

Hier mein Code:

body {
margin: 20px 0;
background: #405152 url(http://img.webme.com/pic/k/klingenahoi/img1.gif);
text-align: justify;
font: normal small Georgia, "Times New Roman", Times, serif;
color: #A1A9AA;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color: #ABECF5;
}

h3 {
font-size: 1.3em;
padding-top: .4em;
}

ul {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}

a {
color: #ABECF5;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}

/* Menu */

#menu {
width: 610px;
height: 40px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

li.nav_element{
display: block;
float: left; <--- (dachte es reicht wenn ich hier center schreibe)
width: 120px;
height: 28px;
padding: 12px 1px 0 1px;
background: url(http://img.webme.com/pic/k/klingenahoi/img4.gif) no-repeat center top;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;}

li.nav_element:hover{
background-image: url(http://img.webme.com/pic/k/klingenahoi/img3.gif);
color: #FFFFFF;
}


/* Header */

/* Header */

#header {
width: 1000px;
height: 179px;
margin: 0 auto;
background: url(http://img.webme.com/pic/k/klingenahoi/header_4.jpg) repeat-x;
}

#header * {
text-transform: uppercase;
text-decoration: none;
}

#header h1 {
float: left;
font-size: 2em;
}

#header h2 {
float: right;
padding-top: .25em;
font-size: 1.6em;
}

/* Content */

#content {
width: 660px;
margin: 0 auto;
padding: 20px;
background: #405152 url(http://img.webme.com/pic/k/klingenahoi/img2.gif);
border: 2px solid #2D3939;
border-top: none;
}

#colOne {
float: left;
width: 450px;
}

#colTwo {
float: right;
width: 180px;
}

/* Footer */

#footer {
text-align: center;
font-size: smaller;
}

Lösch deinen alten CSS-Code und nimm mal diesen:

Wenn du willst, dass man den Counter sieht, ändere die Schriftfarbe in weiß.
Mit den Navi-Grafiken musst du ein bisschen rumspielen. (z.B. Rand weg machen.)
______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***

Habe nun statt den ganzen Code (Auch getestet) nur diesen ausgeschnitten und verwendet:

ein wenig umgeschrieben:

bewirkt nun das das coolmenü centriert wird und mit dem Centerfeld abschliesst!

Danke für deine Hilfe und den kleinen Schubs in die richtige Richtung

Gruss Nique

Kein Problem.
______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***