Problema al centrar

[msolares]

Buenos días,

Me ha surgido un problema al centrar una tabla. Cuando pongo <table align=center> se centra bien, el problema viene cuando en una de sus celdas pongo un desplegable en CSS. Copio el style css para que veais como es y a ver me podéis ayudar a centrar la tabla.

<style type="text/css">

article,aside,details,figcaption,figure,footer,hea der,hgroup,menu,nav,section{
display: block;
}

#div { margin:0 auto 0 auto; width:500px; }
*{
position:relative;
padding:0px;
margin:0px;
z-index: 4;
}

#header{
margin: 10px auto 15px auto;;
hidth:500px;
font-family:Arial, Helvetica, Sans-serif;
}

#header{
width:1100px;
height:300px;
}

ul, ol{
list-style:none;
}

.nav li a{
background-color:#cc3333;
color:#fff;
text-decoration:nome;
padding:10px 15px;
display:block;
}

.nav li a:hover{
background-color:#cc0033;
}

.nav > li{
float:left;
}

.nav li ul{
display:none;
position:absolute;
min-width:140px;
}

.nav li:hover > ul{
display:block;
}

.nav li ul li{
position:relative;
}

.nav li ul li ul{
right:-140px;
top:0px;
}

}*
</style>

Cuando pongo esto en el codigo (necesario para el menú que estoy haciendo) la tabla se pone a la izquierda.

Saludos y gracias.

[gPuon]

De entrada comentarte que te estas enredando un poco; deberías separar completamente el HTML y el CSS.

Sería necesario ver la estructura de tu HTML para ayudarte, pero posiblemente te sirva esto:

Código CSS:

table { margin:auto; }