Div et redimensionnement de fenetre

Bonjour à tous,

Je m'intéresse au css depuis peu, pour la mise en page de page web, étant de la vieille école de celle en tableau.
Ma page est accessible ici : http://www.citadelleenbordees.fr/test/home.php
Voici mon code css :

#bandeau1{
	margin: 0 auto;
	
	width:1017px;
	height:4px;
	
	background-image:url(images/01.jpg);
}



#bandeau2{
	margin: 0 auto;
	
	width:1017px;
	height:65px;
	
	background-image:url(images/02.jpg);
}

#bandeau3{

width:1017px;
height:28px;
margin: 0 auto;
background-image:url(images/03.jpg);
}


#bandeau4 {

width:1017px;
height:543px;
margin: 0 auto;
background-image:url(images/04.jpg);
}
#bandeau5 {

width:1017px;
height:46px;
margin: 0 auto;
background-image:url(images/05.jpg);
}


#global { 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 1017px; 
  height: 686px; 
  margin-top: -343px; /* moitié de la hauteur */ 
  margin-left: -508px; /* moitié de la largeur */ 
  border: 1px solid #000; 
}

Lorsque je redimensionne ma fenêtre, le bandeau du haut disparait, (celui-ci contient normalement un menu), je me perds un peu dans le positionnement des div.
je voudrais que l'affichage soit le même selon la résolution sans pour autant nuire au centrage vertical de la page.
Toute aide serait la bienvenue.
Merci beaucoup.
Modifié par Annwenn (05 Jul 2010 - 19:21)

La seule solution que je trouve est de supprimer le bloc parent (global) et d'insérer le reste dans un tableau à une cellule pour le centrage vertical.
Ca fonctionne mais je préférerai autant le faire en full css.