Kurt Eisermann: zentrierte Ausrichtung

Beitrag lesen

Moin,
habe wieder mal ein Problem, meine Navigation will einfach nicht zentriert ausgerichtet werden:

  
<div class="cat">  
<ul class="bar">  
 <li class="item2"><a href="">1</a></li>  
 <li class="item2"><a href="">2</a></li>  
 <li class="item2"><a href="">3</a></li>  
   <li class="left"></li>  
</ul>  
</div>  

  
.cat {  
margin : 0;  
width : 674px;  
text-align : center;  
padding : 7px 0px 7px 0px;  
font-size : 12px;  
font-weight : bold;  
color : #ffffff;  
}  
.item2 {  
float : left;  
padding : 0px 7px 0px 0px;  
}  
.bar {  
margin : 0;  
padding : 0;  
list-style : none inside;  
}  
.left {  
clear : left;  
visibility : hidden;  
}  

Woran liegt es?