Si te valen algunos consejos gratuitos para optimizar un poco el código y trabajar más cómodamente...
En mi opinión tus selectores son un poco largos, podrías cambiar:
Código CSS:
Ver original#contenedor #cabecera #menu-principal ul li a
por:
Al ser identificadores, sólo vas a tener un #menu-principal, no hace falta indicar tanta profundidad en el selector.
En CSS para casi todo hay un
shorthand, por lo que en lugar de poner:
Código CSS:
Ver originalpadding-top: 7px;
padding-right: 21px;
padding-bottom: 7px;
padding-left: 21px;
puedes poner:
Que siempre corresponde a top, right, bottom y left —en el sentido de las agujas del reloj. Aunque, también podrías indicar lo siguiente en tu caso:
Que corresponde a top/bottom y right/left.
Y cuando indiques que 0 como valor de una medida, puedes omitir el tipo de medida, ya que cero es cero en pixeles, porcentajes y lo que sea: