Tenho o seguinte codigo HTML
<!DOCTYPE html>
Minha Pagina
no codigo css esta assim
.cabecalho{ background: black; font-size: 20px; text-align: center;
} .menu ul { padding:0px; margin:0px; float: left; width: 100%; background-color:rgb(37,37,37); list-style:none; font:80% Arial sans-serif; text-align: center; }
.menu ul li{ display: inline; text-align: center; }
.menu ul li a { background-color:rgb(37,37,37); color: rgb(171,171,171); text-decoration: none; padding: 10px 10px; float:left; text-align: center; }
.menu ul li a:hover { color: rgb(200,200,200); text-align: center;
}
Porque o menu nao fica centralizado? ja tentei trabalhar com margin, porem o fundo acompanha a margem e nao da certo.
Obrigado.