Problemas em centralizar UL

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>