Mouseout fires on nested element, I only want it to fire when it leaves the container
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/2705182/javascript-multiple-mouseout-events-triggered">Javascript: Multiple mouseout events triggered</a>  </p>
</blockquote>



<p>I keep having an issue where I'm looking to see when my mouse exits a container, and the event is fired when I hover over an element contained within the container. I know that jQuery has fixed this problem with the <code>.hover</code> function, but I don't want to use an entire library to solve a single problem. How do I do this in JavaScript?</p>

<p>My question is similar to <a href="http://stackoverflow.com/questions/9220081/if-a-nested-element-fires-an-event-dont-let-the-container-handle-it">this question</a>, but I'm not using jQuery.</p>
