Hide a div on hover outside of div
<pre><code>&lt;div id='container'&gt;
    &lt;div id="animate"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have a small div inside a big div with id container . i want to hide div with id animate if someone hovers the out side of small div . it should remain open when mouse is over the small div . </p>
