title: onMouseOver and onMouseOut show and hide div
body: <p>Ok what I want is when the user moves the mouse pointer over a certain <code>div</code> it should appear. And when the mouse leaves the <code>div</code> that <code>div</code> should disappear. This is what I  have done so far.</p>
  
  <pre><code>&lt;div id="center"  style="position:absolute; left:45%; top:35%;" onMouseOver=" document.getElementById('center').style.visibility = 'visible'" onMouseOut="document.getElementById('center').style.display = 'none'"&gt;
  </code></pre>
  
  <p>But my problem is that when the mouse leaves the <code>div</code> it disappears but when I again go over the <code>div</code> it does not appear. How can I fix that ?</p>