Menu CSS molesta lo demás

[multimedia007]

Hola, he bajado un menu CSS, concretamente uno de IzzyMenu. El problema es que si pongo un <center> despues de insertar esto

Yo inserto el menu asi:

Código HTML:

<div id="aMainMenu">
	<div id="atab">
		<ul>
			<li class="item_active"><a href="index.php"><span>INICIO</span></a></li>
			<li><a href="noticias.php"><span>NOTICIAS</span></a></li>
			<li><a href="contacto.php"><span>CONTACTO</span></a></li>
		</ul>
	</div>
</div> 

pues se desplaza todo hacia la derecha del menu. Al quitar el center lo solucione, se queda todo hacia la izquierda, el problema es que yo quiero centrar todo. He intentado dejar el menu como esta (a la izquierda) y centrar las demas tablas que tengo yo con mis cosas (nada que ver con el menu) y nada, no se cambian nada, he pueso div id='pepito' a las demas tablas por si acaso y siguen sin hacer nada.

El CSS (Le he puesto a todo un 'a' delante por si me daba problemas al poner 'tab' solo ya que podia ser algo general, pero me sigue dando el mismo problema)

Código HTML:

<style>
#aMainMenu 
{
	width:100%;
	height:32px;
	background: url("images/bmid_047.gif");
	margin:0;
	border:0;
}

#atab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#atab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#atab a 
{
	background:#000000 url("images/bright_047.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#atab a span 
{
	display:block;
	background:url("images/bleft_047.gif") no-repeat left top;
	padding:0 15px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
	font-weight:bold;
	line-height:32px;
}
#atab a:hover,#atab li.item_active a 
{
	background-position:right bottom;
	border-color:#00000;
}
#atab a:hover span,#atab li.item_active a span 
{
	background-position:left bottom;
	color:#006600;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #000000;
	background: url("images/bmid_047.gif");
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid #FF9300;
	color:#000000;
	background:url("images/bleft_047.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:32px;
	background:url("images/bright_047.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #00000;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#006600;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#006600;
	font-weight:bold;
}

</style> 

El menu se ve bien, el problema esta con las demas tablas que no tienen nada que ver con el CSS ni con el menu.

[multimedia007]

Solucionado, no si es la solución correcta o lo que, el menu sigue a la izquierda, Como puedo centrarlo ?

Las demás tablas con poner un par de <br> (aparte del que ya tenia despues del menu) pues problema solucionado.

[Mikmoro]

Te será difícil centrar el menú mientras tenga un 100% de ancho. Dale una medida y luego añádele margin: 0 auto;

#aMainMenu
{
width:80%; (o lo que quieras)
height:32px;
background: url("images/bmid_047.gif");
margin:0 auto;
border:0;
}

A ver qué tal.

Mikel.