como ajustar una capa div sobre otra

[roboty]

Hola, lo que quiero logra es unir el margen de arriba de un div con otro para poder darle un color de fondo al segundo div y que se pinte todo, seria algo asin:

Código HTML:

<div class="principal">
 
<div class="div_dentro"><p>aqui va todo el texto que quiero pintar de rojo</p></div>
<div class="otro_div"><p>aqui va mas texto que no quiero que se pinte</p></div>
 
</div>
 

lo que quiero es darle un color de fondo al div_dentro pero que no se vea el color del div principal por arriba, osea ajustarlo.

yo hice algo asin pero no se ajustarlo:

Código CSS:

<style type="text/css">
.div_dentro{
background-color:red;
}
</style>
 

pero claro asin se ve por arriba de la capa otro color y lo quiero todo rojo, alguna ayuda.
Saludos.

[IEKK]

¿Qué propiedades estás usando en la clase .principal?
Muestranos que tienes en esa clase porque en teoría sin nada debería ajustarse al top del mismo.

P.D: Asín es un vulgarismo.

http://es.wikipedia.org/wiki/Vulgarismo

Por favor no inventen palabras, que ya bastante destrozo ha sufrido el idioma con el ("hispaninglish") entre otras cosas.

[roboty]

Bueno en principio IEKK perdona por mi ortografia, es por escribir rapido, referente a lo otro solo le di un ancho y un alto al div principal algo asin:

Código CSS:

<style type="text/css">
.principal{
 width:600px;
  height:500px;
}
.div_centro{
width:600px;
height:200px;
}
</style>
 

claro yo quiero darle un color de fondo al segundo div pero que por arriba no se vea el color del div principal.

[IEKK]

No te preocupes por la ortografía, no es por molestar, sino para que la gente corriga esas cosas (si quiere).

Por cierto no logro entender que es lo que te falla.
Tal y como tienes el estilo debería darte algo así:



Y por lo que pone en las líneas esto es lo que deseas hacer ¿No?