Creo que el problema lo tienes en tu CSS por que estas haciendo muchas repeticiones, es decir mira esta parte de tu código:
Código HTML:
.navigation li a {
display: inline;
float: left;
height: 38px;
}
Indicas un div llamado Navigation con "
li a", esto último es el problema ya que mas adelante para cada
li lo indicas de forma individual.
Código HTML:
li.inicio a {
display: inline;
width: 68px;
background-image: url(images/home.gif);
background-repeat: no-repeat;
}
Ahora solo tienes que editar la parte donde esta
.navigation li a {, tienes que poner
.navigation {
Entonces quedaría así:
Código HTML:
.navigation {
display: inline;
float: left;
height: 38px;
}