[JavaScript]Problem z show / hide diva, jquert Opcje

[miras]

Witam, mam dwa divy:

[HTML] pobierz, plaintext 
<div class="open-category">KATEGORIE</div>
jakis tekst ads adsads
 
 
<div class="category">podkategorie</div>
 
 
i w ten sposób to pokazuje i ukrywam
 
            <script>
               if (screen.width > 765) {
                    $(".open-category").mouseover(function(){
                        $(".category").show();
                    });
 
                    $("#test").mouseleave(function(){
                        $(".category").hide();
                    });
                }
            </script>
 
 
[HTML] pobierz, plaintext 

div .category ma position: absolute; i pomimo tego, że pomiędzy tymi dwoma elementami jest jeszcze coś to ustawia się od razu pod open-category. Problem się pojawia gdy przechodzę myszką z diva open-category do diva category, wtedy mi się chowa div category. Trochę nagmatwałem, ale mam nadzieję, że ktoś zrozumie.