title: JavaScript's onmouseover and onmouseout events causing blinking
body: <p>I have problem with JavaScript, <code>onmouseover</code> and <code>onmouseout</code> events. When mouse comes to bottom edge of desired element, mouseover and mouseout effects start blinking. Here is example:</p>
  
  <pre><code>function menuHover(field)
  {
       var img = field.nextElementSibling;
       var height = img.height;
       var bottom = 0 - Math.floor(height / 2);
       bottom += 'px';
       img.style.display = 'block';
       img.style.bottom = bottom;
  }
  
  function menuHoverOut(field)
  {
      var img = field.nextElementSibling;
      img.style.display = 'none';
  }
  </code></pre>
  
  <p><strong>DEMO</strong>: <a href="https://jsfiddle.net/index23/ety2z0zu/9/" rel="nofollow">https://jsfiddle.net/index23/ety2z0zu/9/</a></p>
  
  <p>Is there solution for this?</p>