Probleme affichage CSS avec IE.

Bonjour,

j'ai un soucis d'adaptation entre FF et IE.

Je ne sais pas trop comment faire.

J'ai mi mis site en ligne pour que vous puissiez me dire ce que vous en pensez.

http://www.gagner-argent-gratuitement.com/

et voici mon CSS:




body {
width : 1024px;
margin : auto;
background : #dee2e3 url(theme/fond-bg.jpg) no-repeat top center;
font-family : Helvetica, Arial, sans-serif;
font-size : 12px;
}
a {
text-decoration : none;
font-weight : bold;
color : #000000;
}
a:hover {
color : #fe7f00;
}
.clear {
clear : both;
}
#en_tete {
width : 455px;
height : 131px;
background-image : url(theme/new-logo.png);
margin-top : 40px;
margin-left : 30px;
margin-bottom : 10px;
}
#conteneur_gauche {
float : left;
width : 158px;
margin-right : 20px;
margin-top : 60px;
}
#menu_gauche {
background : url(theme/menu-g-h.png) no-repeat bottom left;
height : 42px;
width : 158px;
margin-left : 2px;
}
#menu_gauche ul li {
list-style : none;
float : left;
width : 158px;
}
#menu_gauche ul li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 34px;
color : #000000;
margin : 8px 0 -16px -35px;
}
#menu_gauche ul li a:hover {
background-position : bottom left;
}
#contenu_gauche {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
margin-left : 2px;
}
#contenu_gauche ol li {
list-style : none;
text-align : center;
padding-right : 20px;
margin-left : -25px;
}
#contenu_gauche ol li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
}
#contenu_gauche {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
margin-top : -12px;
}
#contenu_gauche ul li {
list-style : none;
}
#contenu_gauche ul li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 34px;
color : #000000;
margin : 0 0 -10px -35px;
padding-left : 2px;
}
#contenu_gauche ul li a:hover {
background-position : bottom left;
}
#contenu_gauche_bottom ol li {
list-style : none;
}
#contenu_gauche_bottom ol li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
}
#contenu_gauche_bottom_bas {
background : url(theme/menu-g-b.png) no-repeat left bottom;
height : 26px;
width : 158px;
margin : -12px 0 0 2px;
}
#conteneur_milieu {
width : 726px;
margin : auto;
}
#menu_milieu {
background : url(theme/bande-h.png) no-repeat bottom left;
height : 81px;
width : 726px;
margin : -15px 0 0 3px;
font-size : 11px;
text-align : center;
text-decoration : none;
line-height : 22px;
}
#menu_milieu ul li {
list-style : none;
float : left;
}
#menu_milieu ul li a {
height : 44px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : no-repeat top left;
line-height : 50px;
font-size : 15px;
color : #000000;
}
#menu_milieu ul li a:hover {
background-position : bottom left;
line-height : 40px;
}
#menu_milieu ul li a.index {
background-image : url(theme/btn-index.png);
width : 98px;
margin : 0 0 0 -35px;
}
#menu_milieu ul li a.argent {
background-image : url(theme/btn-argent.png);
width : 198px;
}
#menu_milieu ul li a.filleuls {
background-image : url(theme/btn-filleuls.png);
width : 202px;
}
#menu_milieu ul li a.forum {
background-image : url(theme/btn-forum.png);
width : 107px;
}
#menu_milieu ul li a.contact {
background-image : url(theme/btn-contact.png);
width : 95px;
}
#global_corps {
width : 746px;
margin : auto;
float : left;
}
#corps_haut {
background : url(theme/milieu-h.png) no-repeat left;
background-position : bottom left;
height : 21px;
width : 746px;
margin-left : -35px;
}
#corps_milieu {
background : url(theme/milieu-m.png) repeat-y left;
margin-left : -39px;
padding-right : 80px;
padding-left : 35px;
min-height : 500px;
display : block;
}
#contenu {
display : block;
}
#contenu .titre {
background : url(theme/cadre-interieur-titre.png) no-repeat top left;
font-size : 15px;
display : block;
width : 746px;
line-height : 31px;
font-weight : bold;
padding : 0 0 10px 10px;
margin-top : 10px;
margin-bottom : 10px;
float : left;
}
#corps_milieu div:first-letter {
float : left;
font-size : 2.5em;
font-weight : bold;
margin : 7px 2px 0 0;
width : 740px;
}
#conteneur_droite {
float : left;
width : 152px;
margin-left : 870px;
margin-right : 10px;
margin-top : -540px;
}
#menu_droite {
background : url(theme/menu-g-h.png) no-repeat bottom left;
height : 54px;
width : 152px;
}
#menu_droite ol li {
list-style : none;
float : left;
width : 152px;
}
#menu_droite ol li a {
height : 36px;
width : 140px;
font-size : 12px;
text-decoration : none;
text-align : center;
display : block;
background : url(theme/actualite-over.png) no-repeat top left;
line-height : 36px;
color : #000000;
margin : 18px 0 -16px -35px;
}
#menu_droite ol li a:hover {
background-position : bottom left;
}
#contenu_droite {
background : url(theme/menu-gauche-milieu.png) repeat-y left bottom;
}
#contenu_droite ul li {
list-style : none;
}
#contenu_droite ul li a {
font-size : 11px;
text-decoration : none;
text-align : center;
line-height : 11px;
margin-left : -10px;
}
#contenu_droite_bas {
background : url(theme/menu-g-b.png) no-repeat left bottom;
height : 26px;
width : 146px;
margin-top : -16px;
}
#corps_bas {
background : url(theme/milieu-b.png) no-repeat;
width : 746px;
height : 54px;
margin : 0 0 0 139px;
padding : 22px 0 0 0;
font-size : 12px;
text-align : center;
line-height : 12px;
float : left;
}




Merci d'avance a tout ceux qui pourront faire quelque chose pour moi !