Элемент отступает не относительно родительского. В чем я накосячил?

Question

[Super0leg]

Извините, возможно, это очень глупый вопрос, но все же:
При добавлении отступа margin-top зеленому прямоугольнику, который находится в синем элементе, почему-то сдвигается он вместе с родительским ему элементу(синему).

Вот исходник:
https://www.dropbox.com/sh/rcgdevn4vjmu1nb/AADAwe5...
Помогите, пожалуйста, уже не знаю, что делать.

Answer 1

[Антон]

Чтобы он не был зависим от родительского элемента, Вам нужно использовать position: absolute для этого блока.
Наверное, это то, что Вам надо. Ссылка - codepen.io/anon/pen/xbRvgz
Использовал Ваш код.

Comments

[Super0leg]

спасибо большое, добра вам!

[Антон]

Super0leg: Не за что :-) Вы не забудьте пометить ответ только, чтобы люди знали, что вопрос решён.

Answer 2

[L0k1]

Синему блоку overflow: hidden - и будет как надо

Answer 3

[Константин Чухломин]

Зеленому блоку можно также сделать float: left (без position: absolute).