probleme d'alignement d'un bloc

j'ai mon design et le bloc du centre st bien aligné dans firefox mais sous ie il est decalé vers la droite

voila a quoi ressemble mon design
Image utilisateur

le xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur le site de luk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design luk" href="luk.css" />
</head>
<body>

<div id="header"></div>

<div id="barre_menu"></div>

<div id="center"></div>

<div id="machin"></div>

</body>
</html>

le css

body
{
background-color:#18AAFF;
width: 100%;
margin:0 auto;
}

#header
{
width: 100%;
height: 250px;
background-image: url("header.jpg");
background-repeat: no-repeat;
margin-top: 50px;
background-position: center;
}

#barre_menu
{
height: 450px;
width:800px;
background-image: url("barre navig.jpg");
background-repeat: no-repeat;
background-position: left;
margin-top:-44px;
margin-left:40px
}

#center
{
background-image: url("center.gif");
background-repeat: no-repeat;
background-position: write;
margin-top:-431px;
margin-left:266px;
height: 779px;
width:700px;
}

#machin
{
background-image: url("truk.jpg");
background-repeat: no-repeat;
background-position: left;
margin-top:-973px;
margin-left:251px;
height: 796px;
width:700px;
}

pouvez vous m'aidez à resoudre le probleme, merci

le bloc du centre

probleme d'alignement d'un bloc

Supprimer

Modérer

Signaler le message aux modérateurs