Ciao a tutti, vorrei capire come gestire correttamente un margine che sia visualizzabile allo stesso modo tra IE e FireFox. Nel dettaglio nel codice HTML allegato il bordo rosso risulta centra in IE (corretto), mentre con FireFox risula allineato a SX... come posso fare in modo che sia sempre centrato?


Codice PHP:


<style type="text/css">

/* Login */
#boxbarlogin {
    width:205px; 
    float:left; 
}

#boxbarlogin-top {
    width:100%; 
    height:38px; 
    background-image: url(Box/BarLogin_Top.jpg);
    background-repeat: no-repeat;
}

#boxbarlogin-back {
    width:100%; 
    height:150px; 
    background-color:#999999;
    background-repeat: no-repeat;
}

#boxbarlogin-down {
    width:100%; 
    height:10px;
    background-image: url(Box/Bar_Down.jpg);
    background-repeat: no-repeat;
}

#boxbarlogin-content { 
    width: 175px;
    border: 1px solid #FF0000;
}


#content {  
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0;
}

#menu-sx {
    border: 0;
    float: left;
    width: 203px;
    background-color: #666666;    
}

#menu-dx {
    border: 0;
    float: right;
    width: 202px;
}

#center-area {
    border: 0;
    float: left;
    width: 350px;
    text-align: center;
    margin: 0 0 0 0;
}

</style>
</head>
<body>

    <div id="content">    
        
         <div id="menu-sx">
             
           <div id="boxbarlogin">
                <div id="boxbarlogin-top"></div>
                <div id="boxbarlogin-back">
                    <div id="boxbarlogin-content">
                        testo testo testo 
 testo testo testo 

                    </div>              
                </div>           
            </div>  
        </div>    
        
    </div>
</body> 
Grazie