Creating logic with jQuery depending on where the user hovers their mouse
<p>I have a list item that when a user hover theirs mouse over it, a div on the page animates.  The problem I'm having is what happens next.  When the user moves their mouse off the original list item, if they move it over the div that originally animated, I have the logic working from there no problem.  The problem is what happens if the user hovers off the list item and does not hover over the animated div.  I'm trying to create a function that accounts for this later situation.  If the user hovers off the list item (li.solutions) and they do <em>NOT</em> hover over the animated div that just showed up, the animated div hides again.</p>

<p>I've posted the basic code on jsfiddle: <a href="http://jsfiddle.net/9bE2p/" rel="nofollow">http://jsfiddle.net/9bE2p/</a></p>
