title: Hide or change the value label for a range input in IE10
body: <p>I have a range input with a custom label displaying text which corresponds to the input's value.  This works well except that Internet Explorer 10 also displays its own tooltip-like label containing the value.  The trouble is that this tooltip obscures my label.  It also displays an integer value, where the actual value of the control is a float.</p>
  
  <p><img src="https://i.stack.imgur.com/UNN5a.png" alt="range input showing overlapping labels in IE 10"></p>
  
  <p>I cannot figure out how to hide the label or modify its text.  It is separate from the tooltip and does not respond to the title attribute.  It does not respond to <code>z-index</code> either, so I can't just position my label above it.  I see no property mentioned in <a href="http://msdn.microsoft.com/en-us/library/hh773065.aspx#properties" rel="noreferrer">the documentation</a> that would provide access to the label.</p>
  
  <p>Demo: <a href="http://jsfiddle.net/KzWrs/" rel="noreferrer">jsfiddle.net/KzWrs</a></p>