title: Show content in title when text-overflow
body: <p>CSS3 introduces <a href="http://www.css3.info/preview/text-overflow/" rel="noreferrer"><code>text-overflow</code></a> so you can hide overflowing text and even add ellipses.</p>
  <p>If the text is overflowing and hidden, I would like to show it as a tooltip when hovered.</p>
  <p>The easiest way to do this is to add the text to the <code>title</code> attribute of the element. However that will make the text show whether it is overflowing or not.</p>
  <p>I only want to show the tooltip when overflowed.</p>
  <p>so if I had this:</p>
  <pre><code>&lt;span&gt;some text here&lt;/span&gt;
  &lt;span&gt;some more text here&lt;/span&gt;
  </code></pre>
  <p>and it rendered like this:</p>
  <blockquote>
  <p>some text here</p>
  <p>some more...</p>
  </blockquote>
  <p>The first one would have no tooltip since there is no need and the second would have a tooltip that showed:</p>
  <blockquote>
  <p>some more text here</p>
  </blockquote>
  <p>Is there any way to set this up?</p>