div dentro de otro div

[chwc]

hola, tengo el siguiente codigo:

Código CSS:

#texto{
    background: url('../datos/texto.png') repeat-y;
    width:960px;
    height:auto; 
    padding: 0 12px;
    margin:0 auto;
    position:relative;
}
#datos{
background: url('../datos/datos.png') no-repeat;
width:240px;
height:340px; 
display:inline; float:right;
padding:20px 0px 0 30px;
}
 

Código HTML:

<div id="texto">
aqui va el<p>textoooo<div id="datos">div datos</div>
</div>
 

pero en vez de mostrarme un div con el div datos adentro, me muestra primero el div texto, y luego el div datos (separados)

les dejo el zip completo:

aqui

saludos :-p