CSS et décalage de 2 pixels dans IE

Bonjour / Bonsoir a vous...

J'en suis a la phase final de mon site......J'ai un petit probleme. Dans internet explorer mon site (#container)se deplace d'un pixel..grrrrrrrr J'ai réglé le probleme pour Safari et firefox en ajoutant overflow:hidden mais pour explorer rien a faire....Je me permet de vous joindre ma feuille css...peut-etre que !!!

Merci a l'avance

Martin

/*version simplifié..........Martin*/

body{
background-color:#333333;
margin:0 auto;
overflow:hidden;
background-image:url(images/img_pied_page.jpg);
background-repeat:repeat-y;
}

a:link {
color: #000000;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #666666;
}

a:active {
text-decoration: none;
}

hr
{
width:680px;
color:#9999cc;
border-bottom-width:0.5px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.couleur_rouge
{
color:#FF0000;
}

.couleur_footer
{
color: #707070;
}

.couleur_imprimante
{
color:#9999cc;
}

#container
{
position:relative;
margin: 0px auto;
width:1008px;
}

/*Debut de l'attribution des balises de la zone entete*/
#entete
{ position:relative;
left:0px;
width:1008px;
height:245px;
}

#entete_logo
{
position:absolute;
width:308px;
height:70px;
}

#entete_01
{
width:700px;
height:45px;
position:absolute;
right:0px;
top:0px;
}

#entete_02
{
position:absolute;
width:700px;
height:25px;
right:0px;
top:45px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#entete_menu
{
position:absolute;
width:1008px;
height:22px;
top:70px;
}

#entete_banderolle
{
position:absolute;
width:760px;
height:153px;
top:92px;
left:0px;
}

#entete_galerie
{
position:absolute;
width:248px;
height:153px;
top:92px;
right:0px;
}
/*Fin de l'attribution des balises de la zone entete*/

/*Debut de l'attribution des balises de la zone contenus*/

#zone_contenus
{
position:absolute;
width:1008px;
top:245px;
}

#zone_hautpage
{
position:absolute;
width:760px;
height:50px;
left:0px;
}

#zone_menus
{
position:absolute;
width:248px;
height:525px;
right:0px;
}

#zone_texte
{
position:absolute;
width:720px;
left:0px;
top: 50px;
margin-left:40px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}
#image_temoignage
{
float:right;
margin-left:5px;
margin-bottom:5px;
width:164px;
height:388px;
top: 0px;
}


/*Fin de l'attribution des balises de la zone contenus*/

/*Debut de l'attribution des balises pour les options*/

#option_langue
{
position:absolute;
width:60px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#option_menu
{
position:absolute;
width:150px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#titre_page
{
position:absolute;
width:auto;
height:15px;
top:10px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9999cc;
}

#barre_haut
{
position:absolute;
width:680px;
top:19px;
bottom:5px;
padding-left:40px;
height: 30px;
}

#barre_bas
{
position:absolute;
height:30px;
width:680px;
top:9px;
left:0px;
padding-left:40px;
}

#option_hautpage

{
position:absolute;
width:266px;
height: 15px;
right:0px;
top:11px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}

#option_footer

{
position:absolute;
width:266px;
height: 15px;
right:248px;
top:1px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}

/*Fin de l'attribution des balises pour les options*/

/*Début de l'attribution des balises pour la zone_menu*/

#menu_01
{
position:absolute;
width:195px;
height:79px;
top:25px;
left:26.5px;
}

#menu_02
{
position:absolute;
width:195px;
height:79px;
top:115px;
left:26.5px;
}

#menu_03
{
position:absolute;
width:195px;
height:79px;
top:205px;
left:26.5px;
}

#menu_04
{
position:absolute;
width:195px;
height:79px;
top:304px;
left:26.5px;
}

#menu_05
{
position:absolute;
width:195px;
height:79px;
top:373px;
left:26.5px;
}

#menu_06
{
position:absolute;
width:195px;
height:79px;
top:423px;
left:26.5px;
}

/*Fin de l'attribution des balises pour la zone_menu*/

/*Début de l'attribution des balises pour le footer (pied de page)*/
#footer
{
position:absolute;
width:1008px;
height:110px;
top:794px;
left:0px;
background-image: url(images/image_footer.jpg);
}

#footer_adresse
{
position:absolute;
width:317px;
height:55px;
top:24px;
left:0px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#707070;
}

#footer_credits
{
position:absolute;
width:239px;
height:55px;
top:24px;
right:248px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-right:40px;
color:#707070;
}

*/

Code:

---

CSS

---

/*version simplifié..........Martin*/

body{
background-color:#333333;
margin:0 auto;
overflow:hidden;
background-image:url(images/img_pied_page.jpg);
background-repeat:repeat-y;
}

a:link {
color: #000000;
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #666666;
}

a:active {
text-decoration: none;
}

hr
{
width:680px;
color:#9999cc;
border-bottom-width:0.5px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.couleur_rouge
{
color:#FF0000;
}

.couleur_footer
{
color: #707070;
}

.couleur_imprimante
{
color:#9999cc;
}

#container
{
position:relative;
margin: 0px auto;
width:1008px;
}

/*Debut de l'attribution des balises de la zone entete*/
#entete
{ position:relative;
left:0px;
width:1008px;
height:245px;
}

#entete_logo
{
position:absolute;
width:308px;
height:70px;
}

#entete_01
{
width:700px;
height:45px;
position:absolute;
right:0px;
top:0px;
}

#entete_02
{
position:absolute;
width:700px;
height:25px;
right:0px;
top:45px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#entete_menu
{
position:absolute;
width:1008px;
height:22px;
top:70px;
}

#entete_banderolle
{
position:absolute;
width:760px;
height:153px;
top:92px;
left:0px;
}

#entete_galerie
{
position:absolute;
width:248px;
height:153px;
top:92px;
right:0px;
}
/*Fin de l'attribution des balises de la zone entete*/

/*Debut de l'attribution des balises de la zone contenus*/

#zone_contenus
{
position:absolute;
width:1008px;
top:245px;
}

#zone_hautpage
{
position:absolute;
width:760px;
height:50px;
left:0px;
}

#zone_menus
{
position:absolute;
width:248px;
height:525px;
right:0px;
}

#zone_texte
{
position:absolute;
width:720px;
left:0px;
top: 50px;
margin-left:40px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}
#image_temoignage
{
float:right;
margin-left:5px;
margin-bottom:5px;
width:164px;
height:388px;
top: 0px;
}


/*Fin de l'attribution des balises de la zone contenus*/

/*Debut de l'attribution des balises pour les options*/

#option_langue
{
position:absolute;
width:60px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#option_menu
{
position:absolute;
width:150px;
height:15px;
right:0px;
bottom:5px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#titre_page
{
position:absolute;
width:auto;
height:15px;
top:10px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#9999cc;
}

#barre_haut
{
position:absolute;
width:680px;
top:19px;
bottom:5px;
padding-left:40px;
height: 30px;
}

#barre_bas
{
position:absolute;
height:30px;
width:680px;
top:9px;
left:0px;
padding-left:40px;
}

#option_hautpage

{
position:absolute;
width:266px;
height: 15px;
right:0px;
top:11px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}

#option_footer

{
position:absolute;
width:266px;
height: 15px;
right:248px;
top:1px;
padding-right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9999cc;
}

/*Fin de l'attribution des balises pour les options*/

/*Début de l'attribution des balises pour la zone_menu*/

#menu_01
{
position:absolute;
width:195px;
height:79px;
top:25px;
left:26.5px;
}

#menu_02
{
position:absolute;
width:195px;
height:79px;
top:115px;
left:26.5px;
}

#menu_03
{
position:absolute;
width:195px;
height:79px;
top:205px;
left:26.5px;
}

#menu_04
{
position:absolute;
width:195px;
height:79px;
top:304px;
left:26.5px;
}

#menu_05
{
position:absolute;
width:195px;
height:79px;
top:373px;
left:26.5px;
}

#menu_06
{
position:absolute;
width:195px;
height:79px;
top:423px;
left:26.5px;
}

/*Fin de l'attribution des balises pour la zone_menu*/

/*Début de l'attribution des balises pour le footer (pied de page)*/
#footer
{
position:absolute;
width:1008px;
height:110px;
top:794px;
left:0px;
background-image: url(images/image_footer.jpg);
}

#footer_adresse
{
position:absolute;
width:317px;
height:55px;
top:24px;
left:0px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#707070;
}

#footer_credits
{
position:absolute;
width:239px;
height:55px;
top:24px;
right:248px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-right:40px;
color:#707070;
}

*/

Code:

---

la j'ai compris

---

Courage tintin, tu vas y arriver. :mrgreen:

Si tu pouvais également mettre le code html, ou mieux, nous donner l'url de la page en ligne, ce serait parfait.

Pour l'instant il va être difficile de trouver l'origine du problème juste avec la feuille de style car on ne sait pas comment sont organisés tes éléments dans la page.