title: Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery
body: <p>I am having trouble with the <code>onmouseout</code> function in an absolute positoned div. When the mouse hits a child element in the div, the mouseout event fires, but I do not want it to fire until the mouse is out of the parent, absolute div.</p>
  
  <p>How can I prevent the <code>mouseout</code> event from firing when it hits a child element WITHOUT jquery.</p>
  
  <p>I know this has something to do with event bubbling, but I am having no luck on finding out how to work this out. </p>
  
  <p>I found a similar post  here: <a href="https://stackoverflow.com/questions/350639/how-to-disable-mouseout-events-triggered-by-child-elements">How to disable mouseout events triggered by child elements?</a></p>
  
  <p>However that solution uses jQuery.</p>