how can i use jquery mouseout on a div if the event is triggered when i hover over an inner element of the div?
<p>I have a div that expands when you hover and contracts to small size when you mouseout. The only problem is the mouseout is triggered when you hover over an inner element in the div such as an image or &lt; p >.</p>

<p><a href="http://jsfiddle.net/FCxYW/1/" rel="nofollow">example fiddle here</a></p>

<p>this is my jquery code:</p>

<pre><code>$(".riser").mouseover(function(){ 
 $(this).animate({height:400}, 100);
});  

$(".riser").mouseout(function(){ 
 $(this).animate({height:150}, 100);
}); 
</code></pre>

<p>I only want to make the div smaller when i mouseout of the div, i dont want it to do anything when i hover over the inner elements.</p>
