Div dans Div très aléatoire

Bonjour à tous,

me revoilà avec tjs un probleme CSS /IE avec la page suivante (tjs la meme je débute)

http://www.kimlico.com/TC/_TCmenu_haut2.html

et la page CSS correspondante

@import url("_menus2.css");
@import url("polices.css");

/* CSS Time Cost MENU HAUT */

/* BODY */
body {
	margin: 5px auto;
	padding: 0;
	border: 0;
}
img {
	border:none;
}

/* DIVS NAVIGATION */

#principal {
   width: 780px;
   margin: auto;
   padding: 0;
}

/* -------------------- EN TETE -------------------- */

#entete {
position:relative;
width:780px;
height:140px;
float:left;
background:url(design/Layout/header/ht_degrade.jpg);
background-repeat:no-repeat;
}

#entete2 {
position:relative;
width:780px;
height:150px;
float:left;
border:none;
}

#selects {
position:absolute;
width:500px;
float:left;
margin-top:8px;
margin-left:10px;
}

#connexion {
float:right;
width:auto;
margin-top:5px;
}

#imputation {
width:55px;
float:left;
margin-left:10px;
margin-top:10px;
}


#separateur {
width:780px;
float:left;
font-size:6px; /* s'applique au span contenu par effet de cascade */
}

/* ------------- MILIEU 1 --------------------- */

#milieu1 {
top:150px;
width:780px;
margin-right:auto;
margin-left:auto;
padding:0;
}

#M1haut {
position:relative;
float:left;
width:780px;
height:10px;
background:url(design/Layout/Tableau/MenuMilieu/miniTabduree_HAUT.jpg) no-repeat;
background-position:bottom left;
}

#M1milieu {
position:relative;
float:left;
width:780px;
background:url(design/Layout/Tableau/MenuMilieu/miniTabduree_MILIEU.jpg) repeat-y;
background-position:top;
}

#M1bas {
position:relative;
float:left;
width:780px;
height:13px;
background:url(design/Layout/Tableau/MenuMilieu/miniTabduree_BAS.jpg) no-repeat;
background-position:top left;
}

/* ---------------  MILIEU 2 ---------------------*/

#milieu2{
width:780px;
margin-right:auto;
margin-left:auto;
padding-top:0;
}

#M2haut {
position:relative;
float:left;
width:780px;
height:39px;
margin-top:5px;
background:url(design/Layout/Tableau/MenuMilieu2/MenuMilieu2_HAUT.jpg) no-repeat;
background-position:top;
font-size:12px;
}

#M2separateur {
position:relative;
float:left;
width:780px;
height:8px;
background:url(design/Layout/Tableau/MenuMilieu2/MenuMilieu2_separateur.jpg) no-repeat;
background-position:bottom left;
}

#M2milieu {
position:relative;
float:left;
width:780px;
background:url(design/Layout/Tableau/MenuMilieu2/MenuMilieu2_millieu.jpg) repeat-y;
background-position:top;
}

#M2milieuOver {
position:relative;
float:left;
width:780px;
height:300px;
background:url(design/Layout/Tableau/MenuMilieu2/MenuMilieu2_millieu.jpg) repeat-y;
background-position:top;
}

#M2overflow {
width:775px;
height:300px;
border: none;
overflow: auto;
}

#M2table {
padding-left:10px;
}

#M2bas {
position:relative;
float:left;
width:780px;
height:33px;
background:url(design/Layout/Tableau/MenuMilieu2/MenuMilieu2_BAS.jpg) no-repeat;
background-position:top left;
}

J'encastre des div dans d'autres div... mais souvent la dernière du lot s'en échappe et subit un décalage.

Il doit sans doute y avoir d'autres erreurs, si quelqu'un ou quelqu'une peut me remettre sur le bon chemin.

Merci à tous,
Aurélia.