title: Make a div appear on hover over another div
body: <p>I am trying to have it so that a little colored box comes up when you hover over an image.I have recreated the scenario here: <a href="http://jsfiddle.net/UaXUS/" rel="noreferrer">http://jsfiddle.net/UaXUS/</a></p>
  
  <p>The div shows up properly when I remove the <code>visibility:hidden</code> attribute, but not when I try to use the hover part. Any suggestions as to how to fix this? I have also tried <code>display:none</code> going to <code>display:inline</code> or <code>display:block</code>, but no luck</p>