wushumasters

Pessoal,

Já tentei de tudo mas não consigo centralizar o texto do menu com a ul criada.

Podem me ajudar segue o cófigo. como ele usa o float:left ele joga tudo pra esquerda mas nao consigo mudar


#menu {
background: #87313A;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:520px;
height: 23px;
font-size: 11px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
border-top:1px solid #BF9F62;
border-bottom:1px solid #BF9F62;
border-left:1px solid #BF9F62;
border-right:1px solid #BF9F62;
}

#nav {
margin: auto;
padding: 0;
width:520px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

#nav li {
list-style: none;
margin: auto;
padding: 0;
float: left;
padding: 0;
}

/*** menu principal */

#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFFF; /*--edite cor do link--*/
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
text-transform: capitalize;
margin: auto;
padding:.4em .8em;
text-decoration: none;
}

#nav li a:hover, #nav li.active a {
background: #BF9F62;
color: #FFFFFF; /*--edite cor do link hover--*/
margin: auto;
padding:.4em .8em;
text-decoration: none;
font-weight:bold;
}


Obrigado,
Patrick