Errores con MF

[Borjimante]

Hola, estoy haciendo esta plantilla:

www.antera-solutions.com/Plantilla

Y queria saber com llevar el menu al centro y no que quede flotando a la derecha arriba como pasa, quiero que quede como con IE, haber si alguien me puede ayudar:

<div id="enlaces">
<ul class="menu">
<table class="tabla-enlaces" >
<tr>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Inicio</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Empresa</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Servicios</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Localizaci&oacute;n</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Contacto</a></li></td>
</tr>
</table>
</ul>
</div>

CSS:

/* ENLACES */

#enlaces {
width: 700px;
height: 25px;
background-color: #FFFFFF;
text-align: center;
}

a.enlace{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

a.enlace:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

a.enlace-1{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

a.enlace-1:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}

.menu {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

.menu li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

.tabla-enlaces {
margin: auto;
padding: 0px;
width: 700px;
text-align: center;
}

.tabla-enlaces-1 {
margin: auto;
padding: 0px;
}

Un saludo