title: Css hover text information
body: <p>I need some help!
  I'm doing website, and i'm having a problem with a thing. I have  a <code>&lt;h1&gt;</code> and a image next to it, that image is a question mark. And i want that when i mouse hover that question mark it appears the div that i made with the information... i saw lots of topics answered in that forum but none of them is working, pls help me!</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;h1&gt;branch&lt;img id="help" src="Questionmark.png"&gt;&lt;/img&gt;&lt;/h1&gt;
  &lt;div id="information"&gt;Branch is...&lt;/div&gt;
  &lt;script&gt;
  var e = document.getElementById('help');
  e.onmouseover = function() {
  document.getElementById('information').style.display = 'block';
  }
  e.onmouseout = function() {
  document.getElementById('information').style.display = 'none';
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Pls tell me what to do, maybe there is a easy way... i tried css but also didn't work...</p>