title: Prevent Safari from showing tooltip when text overflow is hidden with ellipsis
body: <p>How can I completely remove the default browser tooltip displayed when hovering over a truncated part of text in a link?</p>
  
  <p>Text is truncated because of a css ellipsis rule : </p>
  
  <pre><code>text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  </code></pre>
  
  <p>When I apply these rules to a fixed width div, I get a html tooltip. (<strong>Only in Safari</strong>, not in Firefox or Chrome.)</p>
  
  <p>Here is <a href="http://jsfiddle.net/4m9he/1/" rel="noreferrer">a jsfiddle</a>.</p>
  
  <p>I tried adding a JS <code>preventDefault</code> and adding an empty <code>title</code> attribute, but none of these work.</p>