Problemas em centralizar UL

[Ricardoo Lima 0]

e aí, pessoal! Beleza?

To com esse probleminha que tá me atrapalhando....

 

só quero deixar o menu UL centralizado...

olhem como tá o código:

 

<style type="text/css">
#root{width:980px;margin:0 auto;border:thin solid black;}
#header{float:left;width:980px;}
#menu{float:left;height:50px;width:980px;list-style:none;font-size:18px;}
#menu li{float:left;margin-right:15px;line-height:50px;padding:0 5px;}

</style>

<div id="header">
       	<div id="logomarcar">
           	<img src="imagens/logomarca.png" />
               </div>
       </div>
       <ul id="menu">
           	<a href="#"><li>Home</li></a>
               <a href="#"><li>A Empresa</li></a>
               <a href="#"><li>Serviços</li></a>
               <a href="#"><li>Artigos</li></a>
               <a href="#"><li>Parceiros</li></a>
               <a href="#"><li>Links</li></a>
               <a href="#"><li>Trabalhe Conosco</li></a>
               <a href="#"><li>Projeto PensARTE</li></a>
       </ul>
</div>

[Public2004 79]

Acrescente no "ul" "text-align:center;"

Em "li" retire o "float:left" e acrescente: "display:inline;"

 

Na sua lista, em vez de:

<a href="#"><li>Home</li></a>

 

Procure fazer assim:

<li><a href="#">Home</a></li>

 

Att.

[Rzorr 0]

quando eu faço isso eu crio uma div só pro menu
tipo assim
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
</ul>
</div>

Cara espero ter ajudado

abraço