Маржа на дочернем элементе перемещает родительский элемент

у меня естьdiv (родитель) который содержит другойdiv (ребенок). Родитель является первым элементом вbody без определенного стиля CSS. Когда я установил

.child
{
    margin-top: 10px;
}

Конечным результатом является то, что вершина моего ребенка все еще выровнена с родителем. Вместо того, чтобы переместить ребенка на 10px вниз, мой родитель переместился на 10px вниз.

мойDOCTYPE установлен вXHTML Tra,nsitional.

Что мне здесь не хватает?

редактировать 1
У моего родителя должны быть строго определенные размеры, потому что у него есть фон, который должен отображаться под ним сверху вниз (в идеальном пикселе). Так что установка вертикальных полей на этоне идти.

редактировать 2
Это поведение одинаково на FF, IE, а также CR.

Ответы на вопрос(14)

Ваш ответ на вопрос