title: Get cursor position in selection - relative to document
body: <p><strong>Sample</strong>  </p>
  
  <blockquote>
    <p>This is some text in an <strong>editable</strong> div. This can span over multiple lines, paragraphs and 
    so on and so forth. What I want to do is find the relative position of the caret <strong>right here</strong>. Meaning, the caret is positioned {top:'5px', left:'250px'}, relative to the div or the document.</p>
  </blockquote>
  
  <p>The idea is to then provide drop downs with options. Is this possible directly or will I have to concoct a solution based on the <code>div line-height, padding,.. + caret position</code> etc?</p>