title: Add a title property to elements with text-overflow: ellipsis
body: <p>I am not sure if this is easily possible, but I thought I would ask just in case:</p>
  <p>I am using the following CSS rules on a list of text:</p>
  <pre class="lang-css prettyprint-override"><code>{ 
      width: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  </code></pre>
  <p>As expected, any text that goes outside the list will be truncated and have an ellipsis placed on the end.</p>
  <p>I want to have an active title property for only those list items that trigger the <code>text-overflow</code> rule on the list.  So you can hover the mouse over any text that is truncated and see a tooltip of its full text.</p>
  <p>Something tells me this is difficult, if not impossible, to do.  However I would love to be proven wrong.  I am preferably looking for a solution that uses as little JavaScript as possible.</p>