Navigation zentrieren

[Christoph bergmann]

Hallo,

ich habe ein Wordpress Theme welches über CSS und PHP ein Menü generiert. Für die einzelnen Einträge bestehen folgende CSS-Formatierungen:

#nav {
 margin: 0;
 padding: 0;
 font-size: 90%;
 background: #c1dfef url(images/bg_bar.gif) repeat-x 0 0;
 border-bottom: 4px solid #383d44;
 text-align: center;
 }

#nav li {
 float: left;
 background: url(images/bg_spacer.gif) no-repeat 100% 100%;
 }

#nav ul {
 min-width: 780px;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 10px;
 list-style: none;
 }

#nav li a {
 float: left;
 padding: 5px 15px 3px;
 color: #383d44;
 font-weight: bold;
 text-transform: uppercase;
 }
#nav li a:hover, #nav li.current_page_item a {
 font-weight: bold;
 color: #326ea1;
 }
#nav li.current_page_item a {
 background: url(images/bg_nav_active.gif) no-repeat 50% 100%;
 }
Der Aufruf erfolgt so:

<div id="nav">
 <ul>
  <li></li>
 </ul>
 </div>

Funktioniert in soweit ganz gut, aber text-align:center; unter nav{} bring garnichts.

Ideen? -> Danke