Link flickering on mouse over
<p>I have a image, on the image i placed a hyperlink. Now while user mouse enter into image, that hyperlink need to show, if the leave the image again the hyperlink need to hide. it is very simple i did.</p>

<p>the issue is, the hide/show work well. after showing the hyperlink, i need to click on that hyperlink to go next page. But the onmouseover of the hyperlink get flickering the link. it blinking. how to solve this issue?</p>

<p>my code which i wrote is :</p>

<pre><code>$('img.col-image1').mouseenter(function(){
        $(this).siblings('a.plus-sign').show();   
    }).mouseleave(function(){
        $(this).siblings('a.plus-sign').hide();   
    }

)
</code></pre>

<p>is any issue with my code or i need to add any special event handler to avoid the flickering onmouseover on link?</p>

<p>please visit here :</p>

<p><a href="http://jsfiddle.net/RLfNu/" rel="nofollow">http://jsfiddle.net/RLfNu/</a></p>
