Problemas con Firefox y Safari con los menús horizontales

Bueno el asunto es el siguiente, resulta que he creado un menú horizontal pero se ve bien en firefox pero ni en Safari o Chrome se ve muy bien que digamos.

La página:
http://conversconsulting.com.co/joomla/

La idea:
Que exitiera un menú inferior centrado con respecto al div que lo contiene.

Muchas gracias por su ayuda

Para hacer ese menu no te tienes que complicar demasiado, está flotando los elementos de la lista que tienes, sería mejor poner algo como lo siguiente:

Código :

ul{
  text-align:center;
}
li{
  display:inline;
  padding:0 10px;
  line-height:140%;
}

Además puedes prescindir del div que contiene a la etiqueta UL.

PD: La animación que tienes me deja bloqueados los navegadores.

Por cierto, si quieres dejarle más margen por arriba y abajo a los elementos no se te vaya a ocurrir aumentar el line-height, lo que tienes que hacer es añadir un padding superior o inferior a la etiqueta ul.

listo, no tome el código completo pero me base en es tuyo para arreglar mi problema muchas gracias