Ciao a tutti,
ho un problema con un layout a due colonne (una grande ed una colonna a destra), il problema è che lo sfondo è di 764px e comprende anche l'ombra laterale l'ho impostato nel div CONTAINER:

codice:
div#container{
width: 764px;
margin: 0 auto;
text-align: left;
background-image: url(images/sfondo.jpg);
background-repeat: repeat-y;
}
Quindi a ho posizionato i div TESTATA, NAVBAR e fin qui tutto ok poi ho creato il div CONTENT_SX

codice:
#content_sx {
margin-left: 27px;
width: 485px; 
padding-left: 3px;
padding-right: 3px;
background: #F8F7EF;
border: 1px dashed #B2B2B2;
border-width: 1px 1px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
...e il div NAVIGATION (la colonna di destra)

codice:
div#navigation {
float:right; 
width: 201px; 
margin-right: 10px; 
padding: 0px; 
text-align: left;  
background-image: url(images/sfondo_dx.jpg);
}
Ora il problema è che la colonna di destra con IE è perfettamente allineata mentre in Firefox è tutta a destra e quindi non coincide, ho provato a cambiare qualcosa ma ho comunque notato che anche se imposto il margin-right per IE è ok AL 10px mentre per Firefox lo devo portare a 18px, ovvio che se lo cambio poi non va più bene per IE come posso risolvere? :master: