(Resolvido) Centralizar menu

[Anderson Ferreira]

Olá galera!

Estou criando um site de músicas de pagode e blá, blá, blá...

Então, gostaria de saber como faço pra centralizar este menu:

No HTML coloquei:

<div class='menu'>

	<ul>

		<li><a href='#' class='selecionado'>INICIO</a></li>

		<li><a href='#'>DOWNLOADS</a></li>

		<li><a href='#'>RADIO</a></li>

		<li><a href='#'>AJUDA</a></li>

	</ul>

</div>

E no CSS coloquei:

.menu
    {
    margin:20px auto;
    position : relative;
    width: 100%;
    height: 43px;
    background: #FFFFFF;
    font-weight: bold;
    text-align:center;
    }

    
.menu li
    {
    margin:2px 0 0 0;
    float:left;
    list-style-type: none;

    }

.menu li a
    {
    color: #777;
    text-decoration: none;
    float: left;
    padding: 10px 20px 10px 20px;
    }

.menu li a:hover
    {
    color: #000000;
    font-weight:bolder;
    }

.menu li a.selecionado
    {
    color: #FFFFFF;
    background: #CCCCCC;
    padding: 10px 20px 10px 20px;
    }

Obrigado,

Anderson Ferreira

Editado Julho 23, 2009 por Anderson Ferreira

[Anderson Ferreira]

Descobri, que se eu colocar a tag abaixo, ele centraliza:

.menu ul
    {
    margin:0 500px;
    }

Meu monitor é de 1440 x 900... O problema é que eu utilizei 500px pra centralizar no meu monitor. Mais concerteza, se for em um monitor menor que o meu, o menu vai ficar alinhado lá na direita, pois 500px é bastante!

Ou seja, este modo é meio que incorreto. Então, pelo pouco que sei de CSS, se eu colocasse um: "margin:0 auto;" era pra ele centralizar. Mais ele não centraliza :X

Ajuda?!

Obrigado,

Anderson Ferreira

[Jonathan Queiroz]

Tente assim:

.menu ul
{
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    display:table;
}

[Anderson Ferreira]

Obrigado ;D