[slax]

Здравствуйте,
возникла проблема в горизонтальном меню
в меню прописана подсветка активного пункта
при нажатии на родительскую категорию в меню
подсвечиваються и подкатегории и тем самым становяться
как бы активными.
Подскажите пожалуйста исправить эту проблему

#top_menu{display:block;width:685px;height:48px;z-index:99;border:none;}
#top_menu .moduletable{margin:0;}
#top_menu li#current a{color:#ff6600;}
#top_menu li:hover{background:url(../images/1.png) repeat-x;}
#top_menu ul{display: block; width:0 auto;margin:0;padding:0;}
#top_menu ul li{display:block;height:30px;width:12em;float:left;margin:0;padding:0;text-align: center;}
#top_menu ul li a{background:url(../images/2.png) no-repeat right;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;height:18px;display:block;text-transform:uppercase;margin:0;padding:16px 10px;}
#top_menu ul li a:hover{text-decoration:none;color:#ff6600;margin:0;}
#top_menu ul li li{border-top:1px solid #bf3415;border-bottom:1px solid #670a03;background:none;width:15em;}
#top_menu ul li li a{color:#FFF;text-transform:uppercase;display:block;background:none;height:15px;padding:8px 10px;}
#top_menu ul li li a:hover{color:#ff6600;background:#670a03;}
#top_menu ul li li:hover{border-top:1px solid #5c0903;border-bottom:1px solid #670a03;background:none;}
#top_menu ul li ul{background:url(../images/3.png);display:block;height:auto;width:15em;position:absolute;z-index:99;margin-left:-1px;margin-top:-1px;left:-999em;}
#top_menu ul li ul ul{margin:-31px 0 0 15em;}
#top_menu ul li:hover ul ul,#top_menu ul li:hover ul ul ul{left:-999em;}
#top_menu ul li:hover ul,#top_menu ul li li:hover ul,#top_menu ul li li li:hover ul{left:auto;}

[maxefect]

html код в студию!

[JohnJ]

в общем виде примерно так:
ul.menu li:hover {background: orange;} /* пункт и подпункты подсвечиваются при наведении */
ul.menu li:hover li {background: transparent;} /* убираем подсветку подпунктов */