title: CSS: floating over text
body: <p>I want to make a delete icon appear when you mark over the content(text). Now I have done this, but when it appears it moves the text in a ugly way.</p>
  
  <p>See here: <a href="http://jsfiddle.net/AB4Ls/10/" rel="noreferrer">http://jsfiddle.net/AB4Ls/10/</a></p>
  
  <p>How can I make it "float over" it, so it dont affect the text but still appears</p>