Encore un probleme de compatibilité... mais la je seche.

Bonjour j'ai un petit probleme....
je n'arrive pas a rendre une div (qui est en technique de porte coulissante) compatible pour tous les navigateurs...
la div du bas ce decale par rapport a celle du haut
il y aurai-t'il une astuce ou quelque chose a savoir
car j'ai bien reussi sous IE et le fox avec "!important" mais les 2div s'affiche décalée sous opera

voici mon code

div#cadre {
 float:right;
 text-align:left;
 margin-top:25px;
 margin-right:1px !important;
 margin-right:0px;
 margin-bottom:25px;
 padding:10px !important;
 padding:0px; 
 padding-top:50px !important;
 width:770px !important;
 width:770px;
 height: auto;
 background: url(fond_haut.jpg) top left no-repeat;
}

div#bloccadre {
 background: url(fond_bas.jpg) bottom left no-repeat;
 float:right;
 margin-right:-10px !important;
 margin-right:0px;
 width:770px !important;
 width:770px;
 height: auto;
 padding-bottom:25px;
 padding:10px !important;
 padding-right:0px;
 text-align:left;
 margin-bottom:25px;
 height: auto;
 padding-left:0px; 
}

div#bloccadre p {
margin: 0 30px 0 20px;
}

            <div id="cadre"><br/>
        <div id="bloccadre">
...

        </div>
    </div>

merci d'avance
Modifié par epheo (14 Jul 2007 - 16:28)

P.S: Cette idée de la porte coulissante viens d'ici elle devai a l'origine s'appliquer a un menu en css et je l'ai (j'ai essayer) de l'adapter a ma div conteneur...