Encore un problème avec IE

body
{
width: 890px;
margin: auto;
background-image: url("../images/background.gif");
}

#tete
{
margin-bottom: 10px;
width: 924px;
height: 150px;
border: 1px solid black;
background-image: url("../images/banniere.gif");
}

#menu
{
float: left;
width: 160px;
}

.element_menu
{

border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 159px;
height: 300px;
background-image: url("../images/bon_menu.gif");
}

.haut_menu
{
border-left: 1px dashed ;
border-top: 1px dashed ;
border-right: 1px dashed ;
height: 40px;
width: 159px;
background-image: url("../images/haut_menu.gif");
}

#corps
{
   margin-left: 170px;
   border: 2px solid black;
   width: 750px;
   background-image: url("../images/corps.gif");
   
   
}

#speed_barre
{
border: 1px solid black;
height: 53px;
width: 924px;
margin-bottom: 13px;
background-image: url("../images/speed.gif");
}

#pied_de_page
{
   padding: 5px;
   border: 2px solid black ;
   margin-top: 100px;
   height: 60px;
   width: 920px;
   background-image: url("../images/footer.gif");
}

ul
{
list-style-image: url("../images/puce2.gif");
padding-left: 20px;
margin-bottom: 5px;
color: white;
background-color:inherit;
}

p
{
color: white;
padding-left: 20px;
background-color: inherit;
}

h1
{
color: white;
background-color: inherit;
}

.souligne
{
text-decoration: underline;
}

.rouge
{
color: red;
text-decoration: underline;
background-color: inherit;
}

.haut
{
height: 200px;
}

img
{
border: none;
}

a
{
color: white;
background-color: inherit;
text-decoration: none;
}

.bouton
{
text-align: center;
}

body{text-align: center}