Div dentro de otro Div

[giovannyx]

Hola amigos, tengo apenas unos días aprendiendo sobre todo esto del CSS, actualmente estoy haciendo ejercicios en modo de práctica con los DIV y CLASS, pero me esta surgiendo un problema,

resulta que creé un Div llamado caja roja y le puse estos estilos CSS

#cajaroja {
background-color: #b73411;
width: 380px;
height: 198px;

Dentro de esta "caja roja" cree otro DIV más pequeño, llamado "caja naranja"

#cajanaranja {
background-color: #f3942f;
width: 338px;
height: 156px;
margin-top: 21px;
margin-left: 21px;
margin-right: 21px;
margin-bottom: 21px;
}

a este le puse márgenes para centrarlo pero aunque en el dreamweaver se ve centrado a la hora de probar en el servidor local me sale centrado solo en left, rigth y bottom pero no en TOP.

Espero me haya hecho entender.

Gracias