title: mouseover show div
body: <p>I haven't been able to find the answer to this anywhere.</p>
  
  <p>How do you make a hidden div appear when mousing over where it would have been?
  Please do not tell me how to make a link, I know how to make a link ;)</p>
  
  <p>I have tried:
  a.) onmouseover set visibility to visible and onmouseout set visibility to hidden
  this works in 0 browsers</p>
  
  <p>b.) setting borders to 0px and background transparent and innerhtml to "" onmouseout and reverting onmouseover
  this works in chrome</p>
  
  <p>c.) This was the most popular answer on the internet, which i knew wouldn't work, but I tried anyway: make a container div set to visible and then do visibility visible and visibility hidden for the inner div</p>
  
  <p>d.) Setting opacity to 1/100 and 0
  works in chrome</p>
  
  <p>e.) last resort: i tried making a transparent gif and having it display onmouseout
  this also failed</p>
  
  <p>I haven't tried jquery's .hover but I have read that it may not work correctly.</p>
  
  <p>I have no other ideas. Will somebody help, please?</p>