Probleme avec % css

Bonjour,

je dois créer un site pour des chambre d'hotes, seulement voilà, 2 cadres en css sont en % et fonctionnent, mais 2 autres (un menu et un pour contenir des images) sont bien placés mais lorsque je réduit la page etc, ils ne sont pas hum... ils ne restent pas comme il faut ..
voilà le code:

/* CSS Document */

body {
background-image:url(bois.jpg);
}

#cadrehaut {
width:70%;
height:25%;
background-color:#FFFFFF;
position:fixed;
margin-left:15%;
margin-top:2%;
}

#cadreprincipal {
width:45%;
height:90%;
background-color:#CCCCCC;
position:absolute;
margin-left:40%;
margin-top:2%;
}

#cadremenu {
width:30%;
height:14.5%;
background-color:#999999;
margin-left:15.2%;
margin-top:16%;
position:absolute;
}


#cadregauche {
background-color:#000000;
width:22%;
height:45%;
position:absolute;
margin-left:15%;
margin-top:25%;
}

donc le cadremenu, et cadregauche sont bien en % mais par rapport au haut de la page, mais je veux qu'ils le soient: cadremenu par rapport au bas de cadrehaut, et cadregauche par rapport au bas de cadremenu .... je ne sais pas si je m'explique bien ^^

si oui, comment faire pour que la page reste "proportionnelle" ?
merci d'avance!