[résolu]Pb de margin.... sous IE

ENcore moi pour un problème qui ne m'arrive jamais et là je ne pige pas.


la page incriminée : http://www.alarenverse.com/demo/services.html

le code css

body {
	margin-left: 0px;
	margin-top: 0px;
	background:#CCFF00;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

*{
margin:0;
padding:0;
}

.img2{border:2px solid #003366;}

.img{border:1px solid #003366; margin-top:5px;}

h1{letter-spacing:-1px;font-weight:bold;line-height:1.05;font-size:18px;padding-left:10px;color:#CCFF00;line-height:1.05; border-left:2px solid #003366}
h2{letter-spacing: -1px;font-weight:100;color:#003366;font-size:16px;line-height:1.05}
h3, h3 a, h3 a:active{font-size:12px;color:grey;font-weight:normal;text-decoration:none;}
h3 a:hover {color:#003366;}
h4,  h4 a, h4 a:active{font-size:11px;color:#666;font-weight:normal; letter-spacing:1px;text-decoration:none;}
h4 a:hover{color:#CC0000;}
h5{font-size:14px;color:#CC3300;letter-spacing:-1px;}
p{font-size:10px;color:#333; text-align:justify; line-height:1.5em;}
ul{padding-left:10px;}
/********************************** BODY
***************************************/

#body{
margin-left:auto;
margin-right:auto;
background:url(../layout/images/ABZ_13.jpg) repeat-y;
width:820px;
}

#top{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:820px;
}

#bot{
margin-left:auto;
margin-right:auto;
width:820px;
}

#photo_fd{
margin:0 0 0 11px;
width:800px;
background:url(../layout/photo/fond/abz_degrade_03.jpg) no-repeat top left;
}

/*************************************** MENU
********************************************/

#menu {
	margin:51px 10px 0 0;
    float:right;
    width:350px;
	height:auto;
    font-size:12px !important;
	font-size:11px;
	line-height:normal;
    }
	
 #menu ul {
 	float:left;
	margin:0;
	margin-right:0;
	padding:5px 8px 6px 8px;
	list-style:none;
	list-style-type:none;
    }
	
#menu li {
    float:left;
    background:url(../layout/images/ABZ_09.jpg)
      no-repeat left top;
    margin:0;
    padding:0px 0px 0 18px;
    }
	
#menu a {
    /* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
    display:block;
	background:url(../layout/images/ABZ_10.jpg)
      no-repeat right top;
    padding:7px 8px 6px 4px;
	font-family:"Trebuchet MS";
	font-size:12px !important;
	font-size:11px;
    text-decoration:none;
    font-weight:normal !important;
	font-weight:bold;
	color:#333399;
    }
	
#menu a:hover{color:#990000;}	
	
#menu #current {
background-image:url(../layout/images/ABZ_07.jpg);
    }
#menu #current a {
background-image:url(../layout/images/ABZ_08.jpg);
    }


/************************************** INDEX
********************************************/
#ligne{
width:800px;
float:left;
}

#gche_container{
float:left;
display:inline;
width:150px;
height:450px;
border-right:#003366 dashed 1px;
margin:0 0 0 20px;
}

.gche_container{
margin-top:10px;
}

.gche_contenu{
margin-top:0px;
padding:5px 3px;
}

#liste_service{
list-style:none;
font-size:12px;
color:#333;
margin:10px 0 0 10px;
}

#liste_service li{
margin:3px 0 0 0;}

#milieu_container{
float:left;
display:inline;
width:365px;
height:410px;
margin:50px 10px 0 10px;
}

#photo_container{
float:left;
display:inline;
width:220px;
height:460px;
margin:5px 0 0 0;
}

/********************************* ENTREPRISE
********************************************/

#gche_entreprise{
float:left;
display:inline;
width:190px;
height:450px;
border-right:#003366 dashed 1px;
margin:10px 0 0 20px;
}

#milieu_entreprise{
float:left;
display:inline;
width:320px;
height:400px;
margin:60px 5px 0 10px;
padding-right:10px;
}

/*********************************** CONTACTS
********************************************/

/*********************************** SERVICES
********************************************/
#marge_10{
float:left;
width:790px;
margin-left:10px;
float:left;
}

.egal_container{
float:left;
width:240px;
display:inline;
border-right:#336699 dashed 1px;
margin:0;
padding:0 9px 0 10px;
}

/*************************************** BAS 
********************************************/

#bas_frise{
float:left;
width:760px;
margin:0 0 3px 10px;
}

/********************************** MENU BAS
********************************************/

#menub {
	margin-top:3px;
    float:left;
    width:350px;
	height:auto;
    font-size:12px;
	line-height:normal;
    }
	
 #menub ul {
 	float:left;
	padding:2px 8px 2px 0px;
	list-style:none;
	list-style-type:none;
    }
	
#menub li {
    float:left;
    background:url(../layout/images/ABZ_16.jpg)
      no-repeat left top;
    margin:0;
    padding:0px 5px;
    }
	
#menub a {
    /* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
    display:block;
	background:url(../layout/images/ABZ_17.jpg)
      no-repeat right top;
    padding:2px 10px 2px 5px;
	font-family:"Trebuchet MS";
	font-size:12px;
    text-decoration:none;
    font-weight:normal;
	color:#333399;
    }
	
#menub a:hover{color:#FFF;}		

Et j'ai un décalage des blocs principaux de 10/15px sur la droite... et je n'en vois pas la raison.

Une idée brillante et forcément évidente ?

Merci à tous,
Aurélia.
Modifié par Fugugirl (04 Jun 2007 - 19:33)

Bon j'ai fait autrement puisque ça ne fonctionnait pas et que je ne voyais pas la lumière au bout du tunnel.

Closed !