title: link rollover to change the background image
body: <p>is there a way to alter a background when you rollover a link? im making a degree show website and want a large sample image to appear in the background when you rollover the link of persons name. i have an image appearing, however its covering all the text and in a fixed position over the link. is there a way to do this so it just alters the background image and stays behind all the other text on the page?</p>
  
  <p>heres what im working with </p>
  
  <pre><code>#hover_img img
  {
  display:none;
  }
  
  #hover_img:hover img
  {
  display:block;
  position:absolute;
  top:0px;
  padding-top:0px;
  
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code>  &lt;div id="hover_img"&gt;LINK&lt;img src="image" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>thanks!</p>
  
  <p>** fiddle <a href="http://jsfiddle.net/5yhsL/" rel="nofollow">http://jsfiddle.net/5yhsL/</a> **</p>