varios colores en links

[tyrula]

Hola a todos, tengo un pequeño problema y es que quiero hacer un menú y quiero que cada uno al ponerte encima tenga un color diferente y no se porque no me funciona. Este es el css que tengo:

a { color:#ECCA82; text-decoration:none; }
a:hover { color:#E1A52B; text-decoration:none;}

#menu{
position:relative;
width:980px;
height:109px;
background:url(../img/menu.jpg); background-position:center; background-repeat:no-repeat;
text-align:right;
margin:0px 0px 0px 0px;
}
ul { list-style:none;margin:0px;}
#menu .nav { padding:82px 0px 0px 0px;text-align:center;}
#menu .nav li {display:inline; padding:0px 22px 0px 22px;text-align:center;}
#menu .nav li a { text-decoration:none; }
#menu .nav li a:hover { text-decoration:none;}
#menu .nav li a.current {text-decoration:none;}

#menu .menu1 a {color:#dddddd; text-decoration:none;}
#menu .menu1 a:hover {color:#cc0000; text-decoration:none;}

#menu .menu2 a {color:#cccccc; text-decoration:none;}
#menu .menu2 a:hover {color:#cc0000; text-decoration:none;}

Y este el html:

<div id="menu">
<ul class="nav">
<li><a href="index.php"><span class="menu1">Que hacemos</span></a></li>
<li><a href="altas.php"><span class="menu2">Trabajos</span></a></li>
<li><a href="reservas.php"><span class="menu3">Clientes</span></a></li>
<li><a href="planos.php"><span class="menu4">Contacto</span></a></li>
<li><a href="rutas.php"><span class="menu5">Dinos algo</span></a></li>
</ul>
</div>

¿A alguien se le ocurre que pasa?

Un saludo

[kseso?]

#menu .menu1 a
afecta a un enlace que está dentro de una clase "menu1" que está dentro de "#menu"

Dos opciones:
1ª respetando su marcado del html, definir en el css:

Código CSS:

.nav a span.menu1 {}
 

2ª Cambiar el etiquetado de su html
<ul class="nav">

Código html:

<li><a href="index.php" class="menu1">Que hacemos</a></li>
 

y definir en el css

Código CSS:

.nav a.menu1 {}
.nav a.menu2{}
 

que puede simplificar, siempre que no haya herencia que se lo machaque, para las propiedades que difieran

Código CSS:

.menu1 {}
.menu2 {}
 

[tyrula]

Gracias!!!!!! Me lo solucionaste!!!!!!

Un saludo!!!