CSS position: absolute | relative ??

Недавно начал использовать блочную верстку и возникли такие трудности:
FF и IE отображают одинаково по своему, Opera по своему, создавая какие то отступы.



Решение, как оказалось слишком банальным (для родительского блока, нужно было поставить position):

div#parent {
   position: relative;
   width: 1000px;
}

div#child1 {
   position: absolute;
   top: 50px;
   left: 50px;
}

div#child2 {
   position: absolute;
   top: 200px;
   left: 120px;
}

(etc)

Хотел бы уточнить у верстальщиков:

как можно абсолютно позиционировать блоки, внутри родительского блока, что бы «дети» не обращали внимание друг на друга и не «толкались»?

Ну никак не получается. В картинке визуально указал пример, какой мне нужен.
Лучше статьи про блочную верстку, либо примеры. Т.к. я в инете не нашел нужной информации.