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.