Forzar contenido contenible para estar dentro de div o p

Question

¿Alguien sabe cómo forzar el contenido de un div satisfactorio estar rodeado por un div o un p? Si el contenido de contented es un div vacío, seleccionarlo con un rango funciona en Firefox, por ejemplo, pero en Chrome el texto se inserta antes del div. Necesito el texto

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); 

La segunda pregunta aquí es si esto es de alguna manera posible para un contentEditable vacío, este podría también ser utilizado para insertar manualmente los saltos de línea para asegurarse de que nunca para conseguir < br/> etiquetas en lugar de un nuevo div o p?

Gracias

actualización

Parece que las siguientes obras en cierto grado:

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

Con el adicional < br/> Firefox, Chrome, Safari, generan una línea vacía sola donde toda la entrada termina dentro del div, pero Internet Explorer (versión 9 probada) muestra dos líneas vacías. Si no hay otra solución disponible, ¿hay alguna idea de cómo solucionar esto sin usar la detección del navegador?

Answer 1

Puede anular la etiqueta br en su archivo css.

br { 
    display:block; 
    clear: both; 
    height: 1em; 
    line-height: 1em; 
} 

No estoy muy seguro de si em funcionará. Si no, también deberás probar el formato px.