Gracias a talmente he logrado arreglar el asunto
, lo que solucionó el problema es lo siguiente:
#tab li {display:inline;
float:left;
margin:0 1px 0 0;
padding:0;
position:relative;
right:-50%;
}
Si le pongo 50% lo saca del contenedor, pero si le pongo -50% lo centra, ahora me gustaría saber si alguien tiene la amabilidad de explicarme ¿Por qué bastaron esas dos líneas en el código para que se centre el menú?
Gracias a todos por vuestro tiempo.
Saludos