title: HTML Tooltip jQuery CSS
body: <p>I have some text, and certain words highlighted. I would like that an image (mostly gif) appears as a kind of "tooltip" when I hover over the respective text. For every word I highlight I would like to use a different gif.</p>
  
  <p>If I use CSS with <code>a:hover</code> and <code>background-image</code>, the whole layout gets messed up. I also tried jQuery &amp; qTip, but I did not find a solution for the images.</p>
  
  <p>The most perfect solution would be if I could:</p>
  
  <pre><code>&lt;a href="#" title="" src="1y2m_small.png"&gt;1st year, 2nd month&lt;/a&gt;
  </code></pre>
  
  <p>Where <code>src</code> is the image I would like to appear in the tooltip.</p>