porque rayos no me centra?????

saludetes, tengo este detalle, que he notado que a veces me sucede, tengo dos capas, cada una con su respectiva clase CSS son estas:

Código :

<div class="derecha" align="center">
       <div class="dcontenido" align="center">
      Hi
      </div>
   </div>

Y este es el CSS

Código :

.derecha {
   position: relative;
   width:500px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   float: left;
   text-align:center;
   background: #FFFFFF;
   margin:   0 auto 0 auto;
}

.dcontenido {   
   width:460px;   
   background: #CCFF00;
   text-align:left;   
}

Se supone que la capa dcontenido debe aparecer centrada en medio de la capa derecha (por eso le cambie el color ) pero me pasa esto, la insignia del mal si lo hace, pero firefox no, tengo algún error en mi código?????? ya tengo rato quebrandome la cabeza con este detalle....

Código :

<div class="derecha" align="center"> 
       <div class="dcontenido" align="center">
      Hi
      </div>
   </div> 

esos align center no hacen falta, mas bien haz la prueba con esto:

Código :

.derecha {
   width:500px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   float: left;
   text-align:center;
   background-color: #FFFFFF;
   margin:   0 auto 0 auto;<=(para que esto si tienes un float mas arriba?)
   text-align: center;<= esto si
}

.dcontenido {   
   width:460px;   
   background: #CCFF00;
   text-align:left;   
   margin:   0 auto 0 auto; <=aqui si
}

je,je,je tienes razón ramm ya me funciono ya mejor me voy a comer a mi casita, estoy muy cansado y hago incoherencias

Thanks a lot dude!