Problema en centrar menu en CSS
Código:
El CSS lo pego en comment ya que no me deja tantas letras.<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Call-Mia.com</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<link rel="stylesheet" type="text/javascript" href="jquery.js" />
<script>var _wau = _wau || []; _wau.push(["tab", "7fjypc9ux4kc", "0n9", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
</header><!-- end of header -->
<nav><!-- top nav in reverse order -->
<div class="menu">
<ul class="aligncenter" id="css3menu">
<li class="topfirst"><a href="index.html" title="Inicio">Inicio</a></li>
<li class="topitem"><a href="Contenidos.html" title="Contenidos"><span>Contenidos</span></a>
<ul>
<li class="subfirst"><a href="items.html" title="Items">Items</a></li>
<li><a href="guias.html" title="Guias">Guias</a></li>
</ul>
</li>
<li class="topitem"><a href="Videos.html" title="Videos">Videos</a></li>
<li class="topitem"><a href="imagenes.html" title="Imagenes">Imagenes</a></li>
<li class="toplast"><a href="contacto.html" title="Contacto">Contacto</a></li>
</ul>
</div>
</nav><!-- end of top nav -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
<article>
<h2><a href="#">Bienvenido a Call-Mia.com</a></h2>
<img src="images/Teemo-Render.png" alt="" width="109" height="122" class="alignright" />
<p>Un lugar en el que aprenderas muchas cosas, desde los skills de los Champions inclullendo sus pasivos y ULTIMATES visitando las secciones correspondientes, Tambien puedes solicitar unirte al clan de <a href="http://www.call-mia.com">Call-Mia.com</a> para organizar partidas con amigos y tener buena comunicacion, nuevamente Bienvenido.</p>
<p> </p>
</article>
<article>
<h2><a href="#">Unirse al Grupo de jugadores Call-Mia</a></h2>
<img src="images/Tryndamere-Render.png" alt="" width="265" height="245" class="alignleft" />
<p>Si quieres ser parte de este gran grupo de jugadores de "League of legends" tendras que entrar al area de chat general para organizar partidas (skype necesario)</p>
<ul>
<li>Nombre de Jugador:</li>
<li>Champion principal:</li>
<li>Nivel de Summoner:</li>
<li>ID de Skype:</li>
</ul>
<p>(solo jugadores de habla hispana) </p>
</article>
</section><!-- end of #content --> <aside id="sidebar"><!-- sidebar -->
<h3>Social</h3>
<ul>
<li><a href="http://twitter.com/theizrael" class="twitter-follow-button" data-show-count="false">Seguir @theizrael</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></li>
<li><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=209474082442249&xfbml=1"></script><fb:like href="https://www.facebook.com/pages/Call-Miacom/182372985167323" send="true" layout="box_count" width="450" show_faces="false" action="like" colorscheme="dark" font=""></fb:like></li>
</ul>
<h3>Chats</h3>
<ul>
<li><a href="chat_general.html">Chat General</a><a href="#"></a></li>
</ul>
</aside><!-- end of sidebar -->
</section><!-- end of #main content and sidebar-->
<footer>
<section id="footer-area">
<section id="footer-outer-block">
<center>
<aside class="footer-segment">
<h4></h4>
<ul>
</ul>
</aside><!-- end of #second footer segment -->
<aside class="footer-segment">
<h4></h4>
<ul>
</ul>
</aside><!-- end of #second footer segment -->
<aside class="footer-segment">
<h4>Mapa de sitio</h4>
<ul>
<li><a href="#">Mapa de sitio</a></li>
</ul>
</aside><!-- end of #third footer segment -->
<aside class="footer-segment">
<h4>Call - Mia</h4>
<p>© 2011 <a href="#">Call-mia.com</a> Derechos Reservados.</p>
<p>webmaster: <a href="mailto:[email protected]">[email protected]</a></p>
</aside><!-- end of #fourth footer segment -->
</center>
</section><!-- end of footer-outer-block -->
</section><!-- end of footer-area -->
</footer>
</div><!-- #wrapper -->
</body>
</html>
si alguien pudiera decirme m error (o errores) le agradeceria mucho, Gracias.
