Problema divs con tag <p>

[fr1974]

Tengo el siguiente código :

<style>

#window_container
{
top:200px;
position:absolute;
width:auto;
height:auto;
left:50%;
margin-left:-250px;
border:1px solid #40485F;
z-index:7;
}

#windows_header
{
top:0px;
position:relative;
width:500px;
height:40px;
line-height:40px;
background-color:#40485F;
z-index:7;
margin:auto;
}

.windows_header
{
text-align:center;
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
}




#windows_body
{
position:relative;
width:500px;
height:250px;
margin:auto;
background-color:#F7F6ED;
z-index:7;
}


</style>

<div id="window_container">
<div id="windows_header" class="windows_header">Aviso</div>
<div id="windows_body"><p>Hola usuario</p></div>
<div id="windows_header" class="windows_header"></div>
</div>

No se por que en navegadores como el chrome el tema de que el div contenga el tag <p></p> da como resultado que el div que lo contiene se vea desplazado y no mantenga su posición , sin embargo si pongo <br> no hay problema , alguien sabe a que se debe esto y que solucion hay

Saludos y muchas gracias

[pinguisport85]

estimado

prueba poniendole una class a la etiqueta <p>
osea quedaria así

<div id="windows_body"><p class="nombre de la etiqueta">Hola usuario</p></div>

y en el css, quedaría así

.nombre de la etiqueta {
text-align:center;
margin: 0 auto 0 auto;
padding: 0;

}

[fr1974]

El tema es que la dichosa etiqueta esta la inserta el TinyMC un editor de contenido tipo wysing y ya no se que hacer , es muy raro y no entiendo para que mete la etiqueta esta a cada linea , saludos amigo