title: Get cursor or text position in pixels for input element
body: <p>IE allows me to create a text range in an input element, upon which I can call <code>getBoundingClientRect()</code> and get the position in pixels of a certain character or the cursor/caret.  Is there any way of getting the position of a certain character <em>in pixels</em> in other browsers?</p>
  
  <pre><code>var input = $("#myInput")[0];
  var pixelPosition = null;
  if (input.createTextRange)
  {
      var range = input.createTextRange();
      range.moveStart("character", 6);
      pixelPosition = range.getBoundingClientRect();
  }
  else
  {
      // Is there any way to create a range on an input's value?
  }
  </code></pre>
  
  <p>I'm using jQuery, but I doubt it will be able to address my situation.  I expect a pure JavaScript solution, if any, but jQuery answers are welcome.</p>