title: How to make an image appear over another image when mouse hovers with css3?
body: <p>Hey I would like a magnifying glass or some image to pop over another image when on mouseover like this website - <a href="http://www.elegantthemes.com/gallery/" rel="nofollow">http://www.elegantthemes.com/gallery/</a> When you hover over an image an image appears over it. Does anyone know how to achieve this?</p>
  
  <p>Not sure if you need any code but here's my css for the img tag:</p>
  
  <pre><code>img {
  width: 600px;
  height: 342px;
  border-radius: 1px;
  }
  </code></pre>