Pedro Chamon

Oi, eu to com um problema que é o seguinte, não consigo alinhar o texto do menu ao centro. Se eu por um padding-left: 70px na ul o menu caminha, mas ai qm tem resolução de 1024x768, ou seja, um "netbook" vai visualizar uma barra horizontal do navegador. alguém pode me ajudar? Esse é meu menu: <div id="nav"> <ul> <li><a href="index2.html" class="primeiro">Página Inicial</a></li> <li><a href="#">Relojoaria Brasil</a></li> <li><a href="#">Novidades 2011</a></li> <li><a href="#">Produtos</a> <ul> <li><a href="#">Relógios</a></li> <li><a href="#">Jóias</a></li> <li><a href="#">Semi-Jóias</a></li> </ul> </li> <li><a href="#">Promoções</a></li> <li><a href="contato.html" class="ultimo">Contato</a></li> </ul> </div><!--nav--> E esse é o CSS dele #nav { height:40px; margin:-10px -10px; padding:0 1px; background:#000; width:968px; } #nav ul { list-style:none; width:100%; float:left; padding-left:50px; } #nav ul li { display:inline; float:left; } #nav ul li a{ text-decoration:none; padding:12px 15px; margin:1px auto; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; float:left; letter-spacing:2px; text-transform:uppercase; } #nav ul li a:hover{ color:#000; background:#FFF; } /*****************************/ /*SUB-MENU*/ #nav ul li ul { display:none; width:200px; position:absolute; top:531px; padding:2px; float:left; margin-left:-2px; } #nav ul li:hover ul { display:block; width:200px; } #nav ul li ul li { display:inline; float:left; } #nav ul li ul li a{ width:200px; padding:10px 10px; margin:0px; background:#000; } O LINK DA IMAGEM é esse http://imageshack.us/photo/my-images/607/imagemoaj.jpg/ DO MENU AGUARDO AJUDA RS... OBRIGADO