Problème de décalage vertical entre mes Div

<div id="global"> <!-- D_global -->
	
		<div id="en_tete"> <!-- D_en_tete -->
		</div> <!-- F_en_tete -->
	
		<div id="menu_horizontal"> <!-- D_menu_horizontal -->
		</div> <!-- F_menu_horizontal -->
	
		<div id="menu_vertical"> <!-- D_menu_vertical -->
			<div id="postit"> <!-- D_postit -->
				<div class="postit_haut"></div>
				<div class="postit_corps">
				<div class="postit_texte"></div>
                                </div>
				<div class="postit_bas"></div>
		                </div> <!-- F_postit -->
		</div> <!-- F_menu_vertical -->

                <div id="corps"> <!-- D_corps -->
			<div id="texte"> <!-- D_texte -->
			</div> <!-- F_texte -->
		</div> <!-- F_corps -->

		<div id="pied"> <!-- D_pied -->	
		</div> <!-- F_pied -->	
			
</div> <!-- F_global -->

* { margin:0; padding:0; }
html { width:100%; height:100%; }
body{width:100%; height:100%; background-image:url("images/fond.jpg") ;}
h1, h2, h3, p{margin:0;}

p{font-family:Arial; font-size:15px;}

a{text-decoration:none; outline:none;}

img{border:0;}

/* ----------global-------------- */
#global{
	width:800px; 
	height:100%;
	margin:10px auto 10px; 
	background-color:#ffccff;
}

/* ---------en_tete-------------- */
#en_tete{
	width:800px;
	height:100px;
	text-align:center;
	line-height:100px;
}

#menu_horizontal ul {height:34px; margin:0; padding:0px;}
#menu_horizontal ul li {display:inline; float:left; height:34px; list-style:none;}
#menu_horizontal ul li a {display:block; height:34px; text-decoration:none; font-size:12px; color:black; margin-right:6px;}

.accueil:hover {background:url("images/accueilhover.png") no-repeat ;}
.presentation:hover {background:url("images/presentationhover.png") no-repeat ;}
.infospratiques:hover {background:url("images/infospratiqueshover.png") no-repeat ;}
.galerie:hover{background:url("images/galeriehover.png") no-repeat ;}
.reglement:hover{background:url("images/reglementhover.png") no-repeat ;}
.contacteznous:hover{background:url("images/contacteznoushover.png") no-repeat ;}

/* ---------corps------------- */
#corps{float:left; width:632px; height:100%; background-color:#d9ffa4; font-family:Arial; font-size:12px;}

#texte{margin:20px;}

/* ---------menu vertical info------------- */
#menu_vertical{float: right ;width: 168px ;height: auto ;background-color: #ffccff ;}

#postit{position: relative ; width:128px; left : 40px ;}

.postit_haut{width: 128px ;height: 40px ;background-image: url("images/postit_haut.png") ;}

.postit_corps{width:128px; padding-top:10px; background: url("images/postit_corps.png") repeat-y ;}

.postit_texte{padding-left: 5px ;padding-right: 10px ;}

.postit_bas{width: 128px ;height: 45px ;background-image: url("images/postit_bas.png") ;}

/* ---------galerie------------- */
div#galerie{width: 560px ;background-color: #eed ;border: 1px solid #dcb ;padding: 15px ;margin: 10px 20px ;text-align: center ;font: 0.9em Georgia, serif ;}

ul#galerie_mini{margin: 0 ;padding: 0 ;list-style-type: none ;}

ul#galerie_mini li{float: left ;}

ul#galerie_mini li a img{margin: 2px 1px ;border: 1px solid #dcb ;}

dl#photo{clear: both ;margin: 0 auto ;}

dl#photo dt{font: italic 25px Georgia, serif ;color: #dcb ;
}

dl#photo dd{margin: 0 ;}

dl#photo img{border: 1px solid #dcb ;}

/* ---------pied------------- */
#pied{clear: both ;width: 800px ;height: 25px ;text-align: center ;line-height: 25px ;background-color: #ffccff ;}