Как получить позицию курсора в contenteditable div с дочерними элементами html?

Я работаю с contenteditable div, у которого будет возможность иметь встроенные элементы html, такие как теги, в текстовом потоке.

В некоторых случаях очков Мне нужно захватить позицию курсора, но я обнаружил, что в примере кода возвращенная позиция неверна, если курсор находится после дочернего элемента html.

Мне нужно кроссбраузерное решение, которое позволит мне сохранить положение курсора, чтобы его можно было восстановить через долю секунды даже при наличии элементов html в текстовом потоке.

Пример: http://jsfiddle.net/wPYMR/2/