Listenelement zentrieren

[tt90]

Hallo,

ich habe ein kleines Problem mit einem CSS-Menü. Der Code ist eigentlich sehr übersichtlich - dennoch bekomme ich die li-Elemente nicht zentriert. Die Elemente sind derzeit linksbündig ausgerichtet. Verschiedene Versuche mit text-align:center sind leider gescheitert
Vielleicht hat ja jemand von euch einen gescheiten Tip.

Link:

http://mein-mechaniker.de/test/temp.html

HTML:

  
<div id="showcase">  
  <ul id="point">  
    <li class="first"><a href="#">test</a></li>  
    <li><a href="#">test</a></li>  
  
    <li><a href="#">test</a></li>  
    <li><a href="#" class="current">test</a></li>  
  </ul>  
</div>  

CSS:

  
#point {  
 display:table;  
 padding:0;  
 margin:0 auto;  
 list-style:none;  
 background:#39c url(right2.gif) no-repeat right bottom;  
 white-space:nowrap;  
 width:100%;  
}  
#point li {  
 display:table-cell;  
 margin:0;  
}  
#point li.first {  
 background:url(left2.gif) no-repeat left bottom;  
}  
#point li a {  
 float:left;  
 font-family:Tahoma, Arial;  
 font-size:8pt;  
 letter-spacing:2px;  
 padding:5px 15px;  
 text-decoration:none;  
 color:#fff;  
 font-weight:bold;  
}  
#point li a:hover, #point li a.current {  
 background:url(down_arrow.gif) no-repeat center top;  
 color:#ff0;  
}  

Danke & Gruß!

[Mo3bius]

Dein Link scheint nicht zu funktionieren. Poste doch mal den Richtigen ;)

Mfg Mo3bius