urgent help i`m stuck

urgent help i`m stuck

hello i`m trying to make a simple jquery code.
i have a div that shows an image and on mouseover i want to show details about that image for that i have created a second div that is display hidden it works almost perfect but when i`m going over the image it goes like in a loop it changes display mode to block from hidden from block to hidded and so on..


           $(document).ready(function(){
                $('.work li a img').bind('mouseenter', function(){
                    $('.work li a img').append('.features');
               $('.features').css('display', 'block');
                });

            
            $('.work li a img').bind('mouseleave', function()
            {
               $('.features').css('display', 'none');
            });
            });


can someone help me please?