Завершающий пункт у выпадающего меню - Вопросы по CSS

.menu_my ul{
white-space:normal;
visibility:hidden;
width: 261px;
position:absolute;
padding-top: 22px;
background: url(/templates/sms_vnutr/images/up.png) no-repeat top;
font-family:Verdana, Arial, Helvetica, sans-serif;

}



.menu_my ul li{
background: url(/templates/sms_vnutr/images/cen.png) repeat-y;
margin-left: -20px;
}

.menu_my ul li.active a, .menu_my ul li.active a:link{
white-space:normal;

background:none;

}

.menu_my ul li a:link, .menu_my ul a:visited{
color:#fff;
font-size: 13px;
background:none;
width: 261px;
height: 30px;


}

.menu_my ul li a:hover{
background:none;
line-height: 20px;
text-decoration:underline;
}

.menu_my ul li{
}

.menu_my ul a{

}

.menu_my li:hover ul, .menu_my li.jshover ul{visibility:visible; line-height: 0px;} 

.menu_my li:hover li ul, .menu_my li.jshover li ul{
visibility:hidden; 
line-height: 0px;
top: 0px;
}

.menu_my li:hover li:hover ul, .menu_my li.jshover li.jshover ul{
visibility:visible; 
line-height: 0px;
}