hover issues

hover issues

Hi folks,

Here's the issue - I am trying to have a div element displayed when I mouseover a separate image and hidden upon mouseout. It works, except the displayed div flickers. I understand why it flickers, but what might be a solution?

You can see it at http://www.jontakiff.com/brooks/zinc_picture2.html. Just hover over the main image and try to click the links.

Here's my code:

<script type="text/javascript">
$(function(){
$('#imagecaption').hide();
$('#imagehover').bind('mouseover',function(){$('#imagecaption').show();});
$('#imagehover').bind('mouseout',function(){$('#imagecaption').hide();});
})
</script>


[/code]