title: Long Title attribute text is getting cut off in firefox
body: <p>I am using HTML5. I am setting title attribute text dynamically using J query. If I have a title attribute with a long text in it (while the HTML element is truncated) the tool-tip gets cut off. This happens only in Firefox (only tested version 37.0) In chrome and Internet explorer it is displaying complete title attribute long text.
  HTML code is</p>
  
  <pre><code>&lt;table id="notify_time"&gt;
       &lt;tr&gt;
           &lt;td style="padding-right:10px;width:10px"&gt; 
                 &lt;div class="time"&gt;${notificationEntry.time}&lt;/div&gt;
           &lt;/td&gt;
           &lt;td&gt;
                 &lt;div class="desc"&gt;${notificationEntry.content}&lt;/div&gt;
           &lt;/td&gt;
       &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>jQuery code is :</p>
  
  <pre><code>$('.desc').bind('mouseenter', function(){
      var $this = $(this);
  
      if(this.offsetWidth &lt; this.scrollWidth &amp;&amp; !$this.attr('title')){
          $this.attr('title', $this.text());
      }
  });
  </code></pre>
  
  <p>CSS code is</p>
  
  <pre><code>.desc {
  max-width: 235px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  font-size: 12px
  }
  </code></pre>