CSS position: absolute | relative ??

Recently I started using block layout and such difficulties arose:
FF and IE display the same way in their own way, Opera in its own way, creating some kind of indentation.



The solution, as it turned out, was too trivial (for the parent block, it was necessary to set the position):

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

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

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

(etc)

I would like to clarify with the makers:

How can you absolutely position the blocks inside the parent block, so that the "children" would not pay attention to each other and not "push"?

Well, nothing happens. In the picture visually indicated an example of what I need.
Better articles about block layout, or examples. Because I did not find the necessary information in the internet.