title: How to position an image shown on onmouseover in HTML
body: <p>I have an image that pops up a second image on the onmouseover event. I need this second image (which is larger) to be positioned absolutely (e.g., at 10,20) without affecting the position of the first image.</p>
  
  <p>I am trying to do this in HTML only.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;img src="readmore.png" onmouseover="this.src='info.jpg'" onmouseout="this.src='readmore.png'"/&gt;
  </code></pre>