[Réglé] Overflow:hidden; décale background-position sous IE

Bonjour,

J'ai un menu horizontal à liste déroulant qui me cause quelques soucis sous Internet Explorer.

L'image positionnée en arrière-plan de mon conteneur #center se décale à droite dès que je spécifie overflow:hidden; à #center.

Si j'enlève overflow:hidden; à #center mon conteneur s'étends jusqu'au bas de la page sous IE !

Vous pouvez voir le problème décrit ici.

* { margin:0; padding:0;
}

html { height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 height:100%;
     }	 

#center { border:solid; border-width:1px; border-color:#333333; margin-top:55px; width:850px; height:570px; margin-left:auto; margin-right:auto; text-align:left; background-repeat:repeat-y; background-image:url(images/fond-barre-laterale-droite.jpg); background-position:100% 200px; background-repeat:no-repeat; background-color:#000066; z-index:1000; overflow:hidden;
}

#header { position:relative; width:850px; height:155px; background-image:url(images/bandeau-haut.jpg); background-position:top right; background-repeat:no-repeat; background-color:#FFFFFF; 
}

Je précise que je tiens à ce que ce menu figure dans ma div #header car tout va être recomposé ensuite via php.
Modifié par karnabal (15 Aug 2006 - 19:32)

Il a fallu que je modifie la largeur du #menu.

#menu {
    position: absolute;
    top: 95px;
    left: 215px;
    margin: 0;
    padding: 0;
    z-index:100;
    /*width : 860px; ->*/ width: 636px;
    margin-left: auto;
    margin-right: auto;
}

Modifié par karnabal (15 Aug 2006 - 19:34)