intento insertar un parrafo nuevo dentro de un div

[roboty]

Estoy intentando insertar un parrafo nuevo dentro de un div quedando el primero pero me esta insertando solo el texto, este es el codigo:

Código HTML:

<div  id='datos'>
<p>unico parrafo</p>
</div>
 

Código Javascript:

contenido="nuevo parrafo";
p_nuevo = document.createElement('p').appendChild(document.createTextNode(contenido));
parrafo = document.getElementById('datos').getElementsByTagName('p')[0];
document.getElementById('datos').insertBefore(p_nuevo,parrafo);
 

viendo el codigo fuente me aparece solo el texto añadido pero si la etiqueta p.
saludos.