Div traidor se visualiza bien en Firefox y no en Chrome

[mbm150]

Hola

Código CSS:

#principal{
    width: 80%;
    background-color:yellow;
    position:relative;
    margin: 0 auto;
    border: 3px solid blue;
    opacity:0.70;
    overflow: hidden;
}
#cuadradete{
    width: 100px;
    height: 100px;
    background-color:red;
    position:relative;
    display:block;
    float:left;
}    
#cuadradete2{
    width: 100px;
    height: 100px;
    background-color:blue;
    position:relative;
    display:block;
    float: right;
    z-index: 1;
}
 

Prueba así.

Saludos.