Probleme Comptabilite ie firefox

Salut , bah voila mon probleme , c'est que j'ai un probleme de comptabilité entre ie et firefox :

voila ce que ca me fait sous firefox => http://img317.imageshack.us/img317/3376/sousmozi6gg.jpg

voila ce que ca me fait sous internet explorer => http://img317.imageshack.us/img317/6596/sousie0mq.jpg

On voit une Difference, le Block du centre sous mozilla est corect mais sous Ie il est vers le bas je ne comprend pas ..

Je vais vous mettre mes codes :
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 mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="essai.css" />

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

<div id="block_gauche">
<h2 class="ms_naruto"></h2>
<h2 class="articles"></h2>
<h2 class="multimedia"></h2>
<h5 class="bas"> </h5>
</div>

<div id="center">
<h2 class="titre"></h2>
<p class="ecrire"><br><br>dsfsdf
</p>
<h5 class="bastu"></h5>
</div>

</body>
</html>

Sous Css :
body
{
background-color: #BCB7B1;
width: 757px;
margin:0 auto;
}

#header
{
width: 757px;
height: 283px;
background-image: url("header.jpg");
background-repeat: no-repeat;
margin: auto;
}

#block_gauche {

width:196px;
background-image: url("center_center.jpg");
background-repeat:repeat-y;
float:left;
margin:0;
padding:0;
font-weight:bold;
background-position:-5px 0;
clear:both;
}

.ms_naruto
{
width: 196px;
height:59px;
background-image: url("haut_gauche.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.articles
{
width: 196px;
height:29px;
background-image: url("haut_center.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.multimedia
{
width: 196px;
height:29px;
background-image: url("haut_bas.jpg");
background-position:-5px 0;
background-repeat: no-repeat;
text-align:left;
line-height:43px;
font-family:tahoma,verdana;
padding-left: 10px;
font-weight:bold;
font-size: 10px;
color: white;
margin:0;
}

.bas
{
margin:0;
background-image: url("bas_bas.jpg");
background-position:-5px bottom;
background-repeat: no-repeat;
height: 26px;
}

#center {margin-left:195px ;width:562px;overflow:solid;}

.titre
{
background-image: url("haut_milieu.jpg");
background-repeat: no-repeat;
margin: 0 ;
height: 31px;
background-position:left;
text-align: left;
font-family:tahoma,verdana;
padding-left: 11px;
line-height:38px;
font-weight:bold;
font-size: 10px;
color: white;
}

.ecrire
{
background-image: url("center_milieu.jpg");
background-repeat:repeat-y;
margin:0 auto;
font-family: arial;
font-size: 11px;
background-position:left;
color:white;
padding:0 15px;
text-align:left;
font-weight:bold;
}

please aidé me

Probleme Comptabilite ie firefox

Supprimer

Modérer

Signaler le message aux modérateurs