Arret position relatif marges négatives

Bonjour,

Je souhaite faire un site avec les css;
Après avoir revu les différents documents de références, faq je suis arrivé à faire finalement à ce que je souhaitai....enfin presque, reste un truc qui me chiffone dans le positionnement relatif.

1) maquette :
banniere
Logo Menu horiz1 (id)
Menu langue(id) + img com. langue

[espace blanc en hauteur qui me gêne]
----------------------
- Milieu de page (id) avec une colonne gauche et un centre (id)
-

2) HTML (classique me semble t-il)
<div id="haut-page">
<object data="" type="application/x-shockwave-flash" width="764" ...
</object>
<img src="images/logo_haut.jpg" alt="" title="" border="0" height="81" width="173"/>
<div id="menu_img_nav_horiz">
</div>
<div id="menu_langue">
</div>
<img id="vide_drapeau" src="" alt="" title="" border="0" height="30" width="90"/>
</div>

<div id="milieu-page">
<div id="col-gauche">
</div>
<div id="col-centrale">
</div>
</div>

3) CSS (position relatif)
#haut-page { /* haut de la page */
}
#milieu-page{
border: dotted 1px;
}
#menu_img_nav_horiz{
position: relative;
top:-81px;
left:173px;
margin: 0px;
padding: 0;
}
#menu_langue{
position: relative;
top:-111px;
left:0px;
margin:0;
padding: 0px;
clear: none;
}
#vide_drapeau{
position: relative;
top:-142px;
left:83px;
}


Qu'est-ce qui m'embete: c'est que le milieu de page se trouve très loin en dessous.
Probablement du au fait qu'avec les marges négatives, les boites occupent encore l'espace.
Je me demande si on peut faire qq chose au niveau du miliue de page pour venir coller sous mon menu langue.
Sinon celà voudrait dire qu'il faut que je positionne toutes mes boites jeusqu'en bas de la page en relatif ???


Doit bien exister une commande STOP
Merci de votr eaide
a+
hervé