Divs niet relatief aan hogere div?

Het is al gelukt; De container waar alle div's in zitten moet position:relative; hebben in de CSS

Ik zit nu al een tijdje met een probleem wat erg vervelend is; Een aantal <div>'s zijn bij Position:absolute; niet relatief aan de hoogste div. Dit stoort heel erg, want bij andere beeldscherm dimensie's dan mijne, is de lay-out verpest. Het rare is dat als ik top:220px; gebruik het wel relatief is aan mijn "container", de div waar alles in zit, maar bij left:140px; of right:140px; het relatief is aan de body. Ik weet niet of ik het goed uitgelegd heb, misschien dat het met wat plaatjes duidelijker word.

*verwijderd*

^^Zo is de lay-out zoals het hoort.^^

*verwijderd*

^^Zo is de lay-out als ik twee keer uitgezoomd ben^^

Dit is mijn HTML:

En dit is mijn CSS:

*verwijderd*

Heeft iemand enig idee hoe ik dit probleem kan oplossen, of dat het ergens anders aan ligt? Dank je