como ajustar una capa div sobre otra

[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.