Заставить контентное содержимое быть внутри div или p

кто-нибудь знает, как заставить содержимое contenteditable div окружать div или ap? Если содержимое contenteditable является пустым div - выбор его с диапазоном работает в Firefox для пример, но на хроме текст вставляется перед div. Мне нужен текст

HTML:
<div id="edit" contenteditable="true"><div id="insert"></div></div>

Tried this but the results are very inconsistent cross browser:

var range = document.createRange();
range.selectNodeContents(document.getElementById('insert'));

var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

Второй вопрос: возможно ли это каким-либо образом для пустого contentEditable, можно ли это также использовать для ручной вставки новой строки, чтобы никогда не получить теги
вместо нового div или p?

Спасибо

Обновление

Похоже, что следующее работает в некоторой степени:

<div id="edit" contenteditable="true"><div id="insert"><br/></div></div>

С дополнительными
Firefox, Chrome, Safari все генерируют одну пустую строку, где весь ввод заканчивается внутри div, но Internet Explorer (протестированная версия 9) показывает две пустые строки. Если другого решения нет - есть идеи, как исправить это, не используя обнаружение браузера?