title: How do I have an image that when you mouseover shows a tooltip that contains a table?
body: <p>I have been trying to do this for 1day and 6 hours (literally) and I am pulling my hair out. I have tried google wayy to much that I have ran out of searches and combination of words and have even been back to the links I visted before just to check if I missed anything.</p>
  
  <p>What I need is: When someone moves their mouse over an image, it displays a tooltip. That being the easy part in which I have figured out. The hard part is putting a table in that tooltip so it organizes what I wish to show. An exact replica of what I need is at <a href="http://occultdarkr.enjin.com/" rel="nofollow">http://occultdarkr.enjin.com/</a>
  I also need it to follow the mouse and have the opacity like the one in the site.</p>
  
  <p>I have tried many things when it came to adding tables in a tooltip however it never shows the table. It either shuts down the tooltip so nothing shows or it shows the actual code for the table. Real pain. I tried using javascript and jquery stuff that I have found on the net, nothing works with what I need though.</p>
  
  <p>Please any helpful help will be greatly appreciated.</p>