Colocando DIV por encima de otro! AUXILIO!!!!

Amigos quizas alla ya otro tema sobre esto, si lo hay buenisimo.

Mi problema es que tengo un contenedor div y dentro tengo dos div; barRight y frontHome, donde quiero que barRight esté por encima de frontHome alineado a la derecha, y lo he hecho de muchas formas y me funciona bien en safari pero en internet explorer no! Si puedes ayudarme, please hazlo!!!! Saludos y gracias

Anexo el codigo:

Código :

.contentHeader{
   width:902px;
   height:625px;
   display:block;
   margin: 0 auto; /*Centra el contenedor*/
   position:relative;
   }

.frontHome{
   z-index: 0;
   position: relative;
   }

.barRight{
   z-index:1;
   position: relative;
   width:212px;
   height:625px;
   float:right;
   }

podrias subir una imagen de como quieres que quede?