title: Why doesn't the title tooltip work for floated elements?
body: <p>I have a floated element, the whole purpose of which is to display an 'x' signifying that you can remove something:</p>
  
  <pre><code>.remove_button{
  background-color:#ff3300;
  color:#ffffff;
  font-family:Courier New,sans-serif;
  font-weight:900;
  font-size:20px;
  float:right;
  border-radius:5px;
  padding:0px 6px 0px 6px;
  margin-right:15px;
  }
  
  &lt;div class="remove_button" title="Remove"&gt;x&lt;/div&gt;
  </code></pre>
  
  <p>It does display a neat little 'x' over a red background (no need to make a picture, I'm bad at that), but the problem is that when the mouse hovers over the button the title attribute shows up inside the button, and as a tooltip too:</p>
  
  <pre><code>------xRemove------   one '-' is one pixel of padding
  </code></pre>