Affichage décalé sur IE

Bonjour,
j'ai un petit probleme je vien de créer la home page d'un site web..mais quand je l'ouvre sur internet explorer les celulles s'affiche en bas de l'écran..en voila un apperçu:


sur Firefox :
http://img297.imageshack.us/img297/562/firefoxub2.jpg

sur Internet Explorer :
http://img525.imageshack.us/img525/6708/iehh0.jpg


je veux poste ici mon code css de la page :

___________________________________________________
+++++++++++++++++++++++++++++++++++++++++++++

body {background:url(../images/common/bgd_main.jpg) fixed repeat-x; background-color:#47BE07;text-align:center;height:100%; width:100%; margin:0; padding:0;}

/*ceci est la largeur de la page*/
#content{width:600px;text-align:center; margin:0 auto 0 auto; padding:20px 15 20px 0;}

.img_border{display:block;}

/* ces balises servent pour 'lensemble du site sauf cas particuliers*/
li{list-style-image:url(../images/common/li_type01.gif);}

#bloc_central a{font-weight:normal;color:#fffff;}
#bloc_central a:hover{color:#ffffff;}

#contenu {hight:auto;width:400px;text-align:left; margin:0 auto 0 auto; padding: 0px 0 0px 0;
float: right;
width: 400px;
}
#lista {hight:auto;width:200px;text-align:left; margin:0 auto 0 auto; padding: 0px 0 0px 0;
float: left;
width: 180px;
}

#header, #footer, #conteneur{background-color:#FFFFFF;}
/* ces classes servent pour le header */
#header{width:100%;height:100px;position:relative;}
#date{position:absolute;left:20px;bottom:0;width:190px;text-align:left;}
#logo{margin-left:10px;}
#menu_header{position:absolute;right:5px;bottom:-5px;height:24px;margin:0;}
#menu_header li{border-left:1px solid #80d116; float:left; list-style:none;padding: 0px 4px; }
#menu_header a{border-top: 5px solid #ffffff;border-right: 10px solid #ffffff;border-bottom: 5px solid #ffffff;border-left: 5px solid #ffffff;display: block;text-decoration:none;color:#555555;white-space:nowrap;background-color:#ffffff;}
#menu_header a:hover{color:#78C513;}
#menu_header a .activatedList{color:#78C513;font-weight:bold;}
#choix_lang{position:absolute;right:10px;top:30px;height:10px;}



/* ce bloc contient les autres pages */
#bloc_central{margin:0 auto 0 auto;width:570px;text-align:left;}

/* ces classes servent pour le footer */
#footer{overflow:hidden;height:25px;margin:auto 0 auto 0;}
#menu_foot{ text-align:right; width:320px; margin:5px 8px 0 10px;float:right;color:#555555;}
#menu_foot a{text-decoration:none;color:#555555;}
#menu_foot a:hover{text-decoration:none;color:#78C513; }

/* __ceci sert a afficher les cadres avec bord arrondi__ */
.cadre { position: relative; background-color: #FFFFFF; border:2px solid #7EC511;margin:0; padding:0;width:550px; }
.cadre .top_left, .cadre .top_right, .cadre .bottom_left, .cadre .bottom_right, .cadre .title { height: 11px; width: 11px; background-repeat: no-repeat; position: absolute; }
.cadre .top_left {background-image: url("../images/common/corner_top_left.gif"); z-index: 0; top: -2px; left: -2px; }
.cadre .top_right {background-image: url("../images/common/corner_top_right.gif"); z-index: 1; top: -2px; right: -2px; }
.cadre .bottom_left {background-image: url("../images/common/corner_bottom_left.gif"); z-index: 2; bottom: -2px; left: -2px; _bottom: -6px; }
.cadre .bottom_right {background-image: url("../images/common/corner_bottom_right.gif"); z-index: 3; bottom: -2px; right: -2px;_bottom: -6px; }
.cadre .content { position: relative; padding: 10px; z-index: 4;margin:0;vertical-align: }
.cadre .title { position: absolute;top:-10px; z-index: 5; margin:0; padding:0 2px 0 2px;background-color: #FFFFFF;left:15px;width:auto; }
.cadre .foot { position: absolute;bottom:-10px;right:10px;width:auto;z-index:10; }


#menu_header, .POLICE{font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;font-size: 11px;}

.label{color:#555555;}

.green_title{color:#549108; font-size:13px;font-weight:bold;text-align:left;}

+++++++++++++++++++++++++++++++++++++++++++
_________________________________________________


J'espère que quelqu'un m'aide a surmonter ce problème..
et merci d'avance