How to disable the hover event when I hover over the text inside the image?
<p>I have a problem in my code, when I hover over the image, the image will become 50% larger and it will display a text over the image, but when I hover over the text, the image will enter the state of mouseout, mouseover, mouseout, mouseover. So it will flicker a lot. How can I disable this hovering event when the mouse is over the text of the image? I tried <code>event.stopPropagation</code> in the text but it isn't working.</p>

<p>Here's the <a href="http://jsfiddle.net/Z7C4b/" rel="nofollow">jsFiddle</a>. Try to hover over the image, then try to hover over the text. That's the effect I'm talking about. I want to disable the text hover event. Please help me.</p>
