que bien hice como dice ahi y no puedo centrar el menu en firefox ahora, alguien me dice que esta mal?? si el UL es en bloque no se centra con margin:auto; ??
Código HTML:
<style type="text/css">
DIV {
text-align:center;
}
UL {
margin:0px auto;
width:660px;
}
#navi {
list-style:none;
margin:0;
padding:0;
}
#navi li {
margin:0px;
padding:0;
float:left;
}
#navi li a {
display:block;
width:110px;
padding:4px 0px;
margin:0px;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFF;
background-color:#000;
}
#navi li a:hover {
font-weight:bold;
}
</style>
...
<div>
<ul id="navi">
<li><a href="#">inicio</a></li>
<li><a href="#">acerca de</a></li>
<li><a href="#">contactos</a></li>
<li><a href="#">inicio</a></li>
<li><a href="#">acerca de</a></li>
<li><a href="#">contactos</a></li>
</ul>
</div>