JQuery/Javascript 하위 메뉴 호버 문제

Question

jquery 드롭 다운 메뉴에 문제가 있습니다. 내 예제 (아래 링크)에서 하위 메뉴를 가리키면 현재 메뉴 항목 (항목 2)의 색상이 호버 상태 (예 : 흰색)로 유지됩니다.

나는 이것을 jquery/javascript가 아니라 css로 원한다. 완전한 코드와

Link To Live Example

감사

Answer 1

$("ul.submenu li a").css({'background-color': '#fdfa02'}); 
$("ul.submenu").css({'background-color': '#fdfa02'}); 
$("ul.submenu2").css({'background-color': '#fdfa02'}); 
$('ul.submenu li a').css('color', '#00FF00'); 

//change the menu text color on mouse over 
$('ul.menu li').hover(function() {  
    $(this).find("span:first a").css({color:'#FFFFFF'});  
}, 
function() { 
    $(this).find("span:first a").css({color:'#000000'}); 
});