Element should remain opened on hover
<p>I try to show an element X on <code>mouseenter</code> element Y and to hide it on <code>mouseleave</code> element Y.  </p>

<p>So far it works OK.  </p>

<p>In addition to that I would like element X after hovering over it, to stay opened.<br>
After hovering out of element X, it should be hidden. </p>

<p>Can you please help me to find out where is problem in the code?<br>
(I use jquery 1.3.2)</p>

<pre><code>$(document).ready(function () {
    $('.kukuk').mouseenter(showBox).mouseleave(hideBox);

    function showBox(e) {
        $('.kuk-blok').fadeIn().css(({
            left: 0,
            top: 30
        }));
    }

    function hideBox() {
        $('.kuk-blok').fadeOut();
    }

    $(".kuk-blok").hover(function () {
        $(this).css('display:block');
    }, function () {
        $(this).css('display:none');
    });
});
</code></pre>
