Affichage catastrophique sous IE6

salut tout le monde
voila c'est après une longue période de découpe d'image via FireWorks que je me suis lancé dans le monde du web conforme
seulement là je suis obligé de rebroussé chemin (au moment ou j'ecrit ces ligne je découpe une maquette en tableau ) la faute a IE6
Voila le site en question www.entp.edu.dz
j'avais testé le travail sous FireFox, Opera et IE7
tout c'est trés bien passé, c'été méme mon premier projet sous Spip et tout c'est également plutot bien déroulé jusqu'au moment ou une secretaire qui travailler sous une vielle machine muni de IE6 déclanche l'alerte et l'enfer pour moi enfin bon voila ma CSS

/* CSS Document */

	
body {
   background-color: #ffffff;
   margin: 0px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background-image:url(backzebr.png);
}

a:link { 
  color: #ffffff; 
  text-decoration: none; 
  font:Arial, Helvetica, sans-serif  
  }

a:visited{ 
   color: #ffffff; 
   text-decoration: none; 
   background-color: transparent 
   }

#global {
     margin-left: auto;
     margin-right: auto;
     width: 770px; /* largeur obligatoire pour être centré */
	 background-color:#FFFFFF;
     }
div#bandeau {
    float:left;
	width:770px;
	height:64px;
	}

div#bandeau_content{
    float:left;
    width:268px;
	height:64px;
    background-image:url(entpcss_r1_c1.png);
   }
div#bandeau_content2{
    float:left;
    width:269px;
	height:64px;
	background-color:#CF1E1E;
  }


div#bandeau_content3{
    float:left;
    width:233px;
	height:64px;
	background-image:url(entpcss_r1_c4.png);
  }


div#menu {
	float:left;
	height:870px;
    background-image:url(backminou3.png)
	}

div#case_recherche {
text-align:center;
    width:201px;
    height:85px;
	background-image:url(entpcss_r2_c1.png);
 }

div#case_navig{
   width:201px;
}


div#mag{
   text-align:center;
   width:190px;
   height:220px;
}

div#contenu {
    float:left;
	width:569px;
	background-color:#FFFFFF;
	}

div#espace-menu{
   height:450px;
   }

div#contant_liens{
  float:left;
  }

div#barre_titre{
  text-align:center;
  width:369px;
  height:22px;
  background-image:url(back_title.png);
}


div#milieu{
  width:569px;
  height:102px;
}

div#espace_liens{
   text-align:center;
   float:left;
   width:369px;
   height:80px;
   /*   background-color:#CCCCCC;  */
   background-image:url(back_article.png);
}

div#espace_liens a:link{
   color:#0066CC;
   font-size:11px;
}

div#espace_liens a:hover{
   color:#CC3300;
   font-size:11px;
}

div#espace_liens a:visited{
   color:#0066CC;
   font-size:11px;
}

div#massagerie{
   float:right;
   width:150px;
   height:44px;
   border:solid;
   border-spacing:50px;
   
   border-color:#FFFFFF;
}

div#espace_bandrol{
   width:569px;
   height:58px;
   background-image:url(ban.gif);

}

div#espace_news{
   float:left;
   height:115px;
   background-color:#FFFFFF;
}

div#espace_camera{
   float:left;
   width:162px;
   height:300px;
}

div#piedpage {
text-align:center;
   clear:both;
   width:770px;
   height:50px;
   background-color:#CF1E1E;
}

div#cadre_liens{
   height:25px;
   border-color:#CF1E1E;
   border-style:solid;
   border-width:1px;
}

div#case_navig a:link{
font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

div#case_navig a:visited{
font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

div#case_navig a:hover{
font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #000000;
	text-decoration:underline overline;
}

/****************************************************************************************************************************/
div#titre_article{
   float:left;
   width:405px;
   height:24px;
}
/*----------------------------------------------------------------------------------------------------------------------*/
div#bangauche{
   float:left;
   width:10px;
   height:24px;
   background-image:url(bangauche.png);
}

div#ban{
   color:#FFFFFF;
   float:left;
   width:385px;
   height:24px;
   background-image:url(backman.png);
  
}

div#bandroite{
   float:left;
   width:9px;
   height:24px;
   background-image:url(bandroite.png);
}
/*----------------------------------------------------------------------------------------------------------------------*/
/*************************************************************************************************************************/

div#ban font:color{
color:#FFFFFF;
}

div#text_article{
   width:405px;
   height:117px;
/*   background-image:url(back_article.png);*/
}

div#fassel{
   height:2px;
   background-color:#FFFFFF;
}

div#fassel_chakouli{
   width:1px;
   height:25px;
   background-color:#009933;
}

un peu d'aide SVP aucune envie de retourné vers la mise en page en tableau...
mes collègues sont en donné à coeur joie

Le lien que tu as donné ne fonctionne pas.. Difficile donc de t'aider. En jetant juste un coup d'oeil à ta CSS, j'ai vu que toutes les largeurs et hauteurs sont spécifiées. Ce qui me fait penser à une mise en page css "à la façon tableau". Entre autres tes div de 1px avec juste une couleur de fond. Mais comme je l'ai dit, difficile de se rendre compte sans un exemple concret.