Как сделать отступ div от родителя а не от края body?

Question

[Капитан Какао]

Смотрите, есть один div и в него вложен второй.
Во втором задан отступ с верху 20px.
Но отступ делается не от родителя вложенному блоку, а от body родительскому блоку.
Как это исправить?

Для наглядности вот пример: jsfiddle.net/5pdfduyw/1
И ещё на изображении покажу, как есть и как нужно.

Answer 1

[Владислав Грудин]

jsfiddle.net/5pdfduyw/2

Answer 2

[Григорий]

body {margin:0px;padding:0px;}
.box1 {width:200px;height:200px;background:#ff0000;padding:20px 0;}
.box2 {width:100px;height:100px;background:#0000ff;}