title: CSS/Javascript show image remove x on mouseover/hover
body: <p>I would like to have a picture like:</p>
  
  <p><img src="https://i.stack.imgur.com/goXU8.png" alt="http://www.clker.com/cliparts/q/P/p/c/m/r/gray-x-mark-md.png"></p>
  
  <p>I'd like it displayed in the top right corner of each of my images, 5px from the right and top of the image. I have the functions for showing and hiding the x as well as removing the appropriate elements, but I'm very bad with CSS positioning and I don't know how to get it to show in the top right corner.</p>
  
  <p>code so far:
  <a href="http://jsfiddle.net/eetwL/" rel="nofollow noreferrer">http://jsfiddle.net/eetwL/</a></p>