Поля и отрицательные поля

I ' Я всегда думал, что понимаю поля и отрицательные поля, но, видимо, я не понимаю! Я только начал новый дизайн и уже столкнулся с проблемами.

У меня есть div (hill3Cont) и еще один div (hill3Hill), вложенные внутрь, и это их CSS.

#hill3Cont
{
    width: 100%;
    background-image: url("images/grass.jpg");
}
#hill3Hill 
{
    margin: -100px 0 0 0;
    height: 600px;
    width: 100%;
    background: url("images/hill3.png") no-repeat center top;
}

Я применил отрицательное поле наверх дочернего div в надежде, что он вытолкнет это содержимое за пределы родительского div. Но это не так, не движется. Если я применяю положительное поле, он толкает родительский div вместе с дочерним элементом внутри него.

Единственный способ заставить его вести себя должным образом - это использовать границу или переполнение, скрытые на родительском div, но дизайн не позволяет для любого из них (я не хочу, чтобы граница и переполнение скрывали ребенка)

Может быть, это был долгий день, и я упустил что-то общее! У меня есть решение. Я поместил один верхний отступ на родительский div, padding: 1px 0 0 0. Это работает в моем дизайне, поэтому я счастлив, но все еще хочу узнать, что происходит.