Problemas color de la letra en un menu

Estoy hacien un menu con css y cuando voy al segundo nivel necesito que se mantenga marcado el li correspondiente, logre hacer que mantenga el fondo del hover, pero no el color de la letra, dejo el codigo css, espero me puedan ayudar.
Cuando paso del primer nivel al segundo me mantiene el background, la imagen y el color de fondo pero el color del texto en vez de quedar blanco como en el "li a:hover" me lo pone con el color del "li a"

Código :

#menu {
   padding:0px;
   margin:0px;
   height:19px;
   line-height:19px;
}
#menu li {
   list-style:none;
    position: relative;
    margin:0px;
    float:left;
    display:block;
    padding-left:5px;
    margin-left:-5px;
}
#menu li:hover, #menu li.selLi {    
   padding-left: 0px;
    margin-left: 0px;
   color: #ffffff;
   background: url(../Images/bullet_menu.gif) no-repeat #003371;
}

#menu li a {
   color: #003371;
   font-family: Arial;
   font-style: normal;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
   display:block;
    padding-left:1px;
   padding-right:25px;   
    margin:0px;   
}

#menu li a:hover {
   color: #ffffff;
   background: url(../Images/bullet_menu.gif) no-repeat #003371;
   height: 19px;
}

#menu li ul {
    position:absolute;
    overflow:visible;
    display:none;
   padding:0px 0px 0px 0px;

   margin-left:142px;
   margin-top:-21px;
   background-color:#1467A5;
   border-top:1px solid #ffffff;
   border-left:1px solid #ffffff;
   border-right:1px solid #ffffff;   
}

#menu li ul a {
   font-family: Arial;
   font-style: normal;
   font-size: 11px;
   font-weight: normal;
   color: #ffffff;
   text-decoration: none;
   background: none;
   display:block;
    padding-left:1px;
   padding-right:25px;   
    margin:0px;
}

#menu li ul a:hover {
   color: #ffffff;
   background: #003371;
}
#menu li ul li:hover, #menu li ul li.selLi {
   color: #ffffff;
    padding-left:0px;
    margin-left:0px;   
   background: #003371;
}

#menu ul li {   
    margin-left: 0px;
    padding-left:0px;
}


#menu li ul li a {
   font-size: 11px;
   height: 19px;
}


#menu ul li ul {
   position:absolute;   
   margin-top:-20px;
   margin-left:157px;
}
.fondo_menu_horz {
   background-color:#000000;
}

/* no-IE browsers */
#menu ul li:hover > a { 
   color: #ffffff; 
}

#menu ul li>ul{   
    color: #ffffff;
   width:157px;
    margin-top:-21px;
}
#menu li:hover ul > ul{   
   color: #ffffff;
   width:157px;
    display:none; 
}
#menu li:hover > ul {
   color: #ffffff;
    overflow:visible; 
   width:157px;
    display:block;   
}

estas concatenando mal los elementos

#menu ul
#menu ul li
#menu ul li a
#menu ul li ul
#menu ul li ul li
#menu ul li ul li a

Siempre deben ir en orden