Доработать меню

<script type="text/javascript">
    $(document).ready(function() {
         $('.t_cats_bt').hover(
         function(){
           $('.tp_cats').fadeIn(100);
           
           $('.tp_cats').mouseleave(
           function(){
           $('.tp_cats').fadeOut();
           });              
         });         
         });    
</script>
  <div class="t_cats_block">
                <div class="t_cats_bt">Категории</div>
                <div class="t_panel tp_cats">
                    <div class="str"></div>
                    <ul >
                    <li><a href="/komedii/">Комедии</a></li>
<li><a href="/melodramy/">Мелодрамы</a></li>
<li><a href="/drama/">Драма</a></li>
<li><a href="/trillery/">Триллеры</a></li>
<li><a href="/vesterny/">Вестерн</a></li>
<li><a href="/voennye/">Военные</a></li>
<li><a href="/detektiv/">Детектив</a></li>
<li><a href="/dokumentalnye/">Документалки</a></li>
<li><a href="/istoricheskie/">Исторические</a></li>
<li><a href="/semeynye/">Семейные</a></li>
<li><a href="/fantastika/">Фантастика</a></li>
                    </ul>
                    <ul>
<li><a href="/serialy/">Сериалы</a></li>
<li><a href="/multserialy/">Мультсериалы</a></li>
<li><a href="/multfilmy/">Мультфильмы</a></li>
<li><a href="/sovetskie/">Советские</a></li>
<li><a href="/kriminal/">Криминал</a></li>
<li><a href="/boeviki/">Боевики</a></li>
<li><a href="/uzhasy/">Ужасы</a></li>
<li><a href="/teleperedachi/">Телепередачи</a></li>
<li><a href="/priklyucheniya/">Приключения</a></li>
<li><a href="/saundtreki/">Саундтреки</a></li>
                    </ul>
                    <div class="clr"></div>
                </div>
            </div>