title: Prevent anchor tag from triggering Chrome status bar
body: <p>I'm working on a web application that has a footer that works as a toolbar and it also displays information. The layout of the app is elastic, so the footer is always visible at the bottom of the page; there is no scrolling. For reasons that are not relevant to this question,  we think that the bottom of the page is the ideal place form the elements of the toolbar.</p>
  
  <p>The problem I'm having with Chrome, is that there are two situations in which the status bar gets in the way and covers some of the information being displayed. The first is when hovering over a suckerfish-style menu. The status bar shows the destination when hovering over a menu element (so far so good), but in some situations it just gets stuck and never goes away until the page is refreshed (Chrome bug?).</p>
  
  <p>The second issue can be seen in this <a href="http://jsfiddle.net/v9RRs/1/" rel="nofollow">jsfiddle</a>. Since the Jquery UI slider uses an anchor tag, moving it triggers a status bar that shows the current location (pretty useless IMHO). The problem is that some of the information on the footer is updated while moving the slider, so Chrome's status bar prevents me from presenting information this way. The status bar also gets stuck, since the anchor tag gains focus, but I was able to prevent that with this code:</p>
  
  <pre><code>$("#slider").on("slidestop", function(event, ui)
  {
      $("a.ui-slider-handle").blur();
  });
  </code></pre>
  
  <p>The status bar still gets in the way while sliding, and this breaks our current design. Is there something I can do to these  tags to prevent them from triggering the status bar? Thanks</p>