title: one image over the other on mouse hover
body: <p>I am developing a system, where each user can send personal messages to other users of the system. He can send the same message to any number of users at a time. When he selects more than one user as the target, their profile pictures are displayed below.</p>
  
  <p>What I need is, whenever the user hovers his mouse over one of these pictures, I want a small cross mark to appear at the right hand top corner of the picture and when the user clicks that cross mark the user should be deleted from the target list (or any other action - doesn't matter).</p>
  
  <p>How do I achieve this? In essence I need another picture to be displayed above the profile picture (right hand top corner) and have an onclick event for that. How can this be achieved? I do not want to use absolute positioning.</p>