El primer "boton" de mi menú desplegable se me "apaga"

[F.Y.N.]

Holas...

La cosa es que tengo mi menú desplegable casi, casi listo sólo por un detalle:

Al navegar por el submenú del menú, el primer "botón" vuelve a su estado normal, no el que yo le tengo asignado a 'hover', entonces el menú se me ve feo...

http://usuarios.multimania.es/fynchile/cida/index.php

Pasen sobre "Ayuda" o "conocenos" y verán a que me refiero.

Éste es el CSS del menú:

Código CSS:

#menu1
{
    height: 32px;
    text-shadow: #999 1px 1px 3px;
    background: url(estilo/bgs/bg8.jpg) repeat;
    margin: 0 auto;
}
#menu1 UL
{
    list-style: none;
}
#menu1 UL LI
{
    float: left;
    border-right: 2px groove #ccc;
    /*border-bottom: 2px solid #ccc;*/
}
#menu1 UL LI A
{
    text-align: center;
    padding: 5px;
    color: #666;
    display: block;
    font: 18px Tahoma;
    text-decoration: none;
    height: 22px;
}
#menu1 li ul {
    position: absolute;
    width: 5em;
    left: -999em;
}
#menu1 li ul li
{
    background: #FFF;
    border:1px solid #ccc;
    width: 7em;
    /*border-bottom: 2px solid #ccc;*/
}
#menu1 li ul li a
{
    font-size: 12px;
    height: auto;
}
#menu1 li:hover ul {
    left: auto;
}
#menu1 UL LI A:hover
{
    background: url(estilo/bgs/bg3.jpg) repeat bottom;
    color: #666;
}
 

¿Me podrían decir dónde está el error?...

Salu1+1

[alexk]

cambia este selector
#menu1 UL LI A:hover

por

#menu1 UL LI:hover A, #menu1 UL LI A:hover, #menu1 li:hover UL LI A:hover
y luego agrega esta linea
#menu1 li:hover ul li a{background: #FFF;}
y ya.

PD: Revisa tu codigo tanto XHTML como CSS tiene algunos errores y otras cosillas

[F.Y.N.]

Gracias... me funciono a la perfección

Sobre lo otro (PD), el sitio es un mero borrador por el momento... a su debido tiempo revisare y corregiré lo demás ...


Salu1+1