Eu estou com uma duvida como eu consigo centralizar o meu menu já tentei um monte de coisa mais não consigo gostaria q ele fique auto para qualquer tamanho de munitor aki a do site <link rel="stylesheet" href="menu/menu_style.css" type="text/css" />
</head>
<ul id="menu">
<li><a href="http://pristonskins.6te.net/Skin.html" target="_self">Home</a></li>
<li><a href="http://pristonskins.6te.net/defesa.html" target="_self">Itens Defesa</a></li>
<li><a href="http://pristonskins.6te.net/ataque.html" target="_self">Itens Ataque</a></li>
<li><a href="http://pristonskins.6te.net/Cabelo.html" target="_self">Cabelos</a></li>
<li><a href="http://pristonskins.6te.net/Cr%e9ditos.HTML" target="_self">Creditos</a></li>
</ul>
aki a do css
ul#menu
{
margin:0 auto;
padding:0 auto;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(images/nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}
ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
}
ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0 auto;
} se alguém souber