помогите доработать (mod_mainmenu) меню

прошу помощи в доработке выпадающего меню. как не бился со своими скудными знаниями не выходит то что хочу. а хочу чтоб список доп меню появлялся при наведении мышки и чтоб вообще в идеале в нем же оставался выделенным тот пункт меню что на данный момент активен.
скриншот и HTML с CSS кодами выкладываю.

Скрин




Html

Код (html):

1. <ul class="menu">
2.     <li class="level1 item1 first active current">
3.         <a href="/i64/test.html" class="level1 item1 first active current">
4.             <span class="bg ">тестовый блок</span>
5.         </a>
6.     </li>
7.     <li class="level1 item2 parent">
8.         <a class="level1 item2 parent">
9.             <span class="bg ">тестовый блок</span>
10.         </a>
11.         <ul class="level2">
12.             <li class="level2 item1 first">
13.                 <a class="level2 item1 first">
14.                     <span class="bg ">тестовый блок</span>
15.                 </a>
16.             </li>
17.             <li class="level2 item2 last">
18.                 <a class="level2 item2 last">
19.                     <span class="bg ">тестовый блок</span>
20.                 </a>
21.             </li>
22.         </ul>
23.     </li>
24.     <li class="level1 item3">
25.         <a class="level1 item3">
26.             <span class="bg ">тестовый блок</span>
27.         </a>
28.     </li>
29.     <li class="level1 item4">
30.         <a class="level1 item4">
31.             <span class="bg ">тестовый блок</span>
32.         </a>
33.     </li>
34.     <li class="level1 item5">
35.         <a class="level1 item5">
36.             <span class="bg ">тестовый блок</span>
37.         </a>
38.     </li>
39.     <li class="level1 item6 last">
40.         <a class="level1 item6 last">
41.             <span class="bg ">тестовый блок</span>
42.         </a>
43.     </li>
44. </ul>

Css

Код (CODE):

1. div.mod-menu ul {
2.     margin: 0px;
3.     padding: 0px;
4.     overflow: hidden;
5.     list-style: none;
6. }
7.  
8. div.mod-menu ul.menu li {
9.     margin: 0px;
10.     padding: 0px;
11.     background: #ffffff url(../images/submenu_level1_item2.png) 0 0 no-repeat;
12. }
13.  
14. div.mod-menu ul.menu a,
15. div.mod-menu ul.menu span { display: block; }
16. div.mod-menu ul.menu a { text-decoration: none; }
17.  
18.  
19. div.mod-menu ul.menu span.icon {
20.     background-repeat: no-repeat;
21.     background-position: 5px 50%;
22.     text-indent: 35px;
23. }
24.  
25. div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }
26.  
27.  
28. div.mod-menu ul.menu span.subtitle { display: none; }
29.  
30.  
31. /*
32.  * sub menu: mod-black
33.  */
34. div.mod-black ul.menu span.bg {
35.     height: 25px;
36.     line-height: 24px;
37.     text-indent: 10px;
38. }
39.  
40. div.mod-black ul.menu a.current span.bg {
41.     color:#fff;
42.     font-weight: bold;
43.     background: url('../images/strelka.png');
44. }
45.  
46. div.mod-black ul.menu a.current {
47.     color:#fff;
48.     font-weight: bold;
49.     background: url('../images/strelka.png');
50. }
51.  
52. div.mod-black ul.menu a:hover {
53.  color:#fff; font-weight: bold; background: url('../images/strelka.png');}
54.  
55. div.mod-black ul.menu li.level1 {   }
56.  
57. div.mod-black ul.menu a.level1,
58. div.mod-black ul.menu span.level1 {  }
59.  
60. div.mod-black ul.menu li.parent a.level1 span.bg,
61. div.mod-black ul.menu li.parent span.level1 span.bg { background: url(../images/submenu_level1_parent.png) 100% 0 no-repeat; }
62.  
63. div.mod-black ul.menu li.parent a.active span.bg,
64. div.mod-black ul.menu li.parent span.active span.bg { background-position: 100% -25px; }
65.  
66.  
67. div.mod-black ul.menu ul.level2 {
68.     display: block;
69.     margin: 0;
70.     padding: 0;
71.     width: 185px;
72.     position: absolute;
73.     top: 35px;
74.     left: 190px;
75.     background: #ddd url(img/gradient.png) repeat-x 0 0;
76.     border: solid 1px #b4b4b4;
77.  }
78.  
79. div.mod-black ul.menu li.level2 span.bg {
80.     height: 25px;
81.     line-height: 20px;
82.     float: none;
83.     margin: 0px 0px 0px -15px;
84.     padding: 0;
85.     visibility: visible;
86.  
87. }
88.  
89. div.mod-black ul.menu a.level2 span.bg { text-indent: 35px;}
90.  
91.  
92. div.mod-black ul.menu a.level3 span.bg { text-indent: 45px; }
93.  
94.  
95. div.mod-black ul.menu a.level4 span.bg { text-indent: 55px; }

ОТРЕДАКТИРОВАНО МОДЕРАТОРОМ: После вставки кодов в тело сообщения не забывайте обрамлять их тэгами HTML или CODE

 

Вам сюда.

 

оооооооо как же я сам то не догадался))))))