Usando responsive design se activa vista de compatibilidad en IE8

[madman_18]

Buenas a todos!

Estoy teniendo el siguiente problema con explorer (como no... )

Creando un diseño responsive se me activa la vista de compatibilidad en cierto tamaño y cuando disminuyo. He visto que es en tamaños que van a partir de los 800px hacia abajo, con lo que tiene que ser algo de mi css que choque con esa maravilla de navegador....
Os pongo la parte que me está dando quebraderos de cabeza por si veis alguna propiedad que no funcione.

Código CSS:

@media screen and (max-width:800px){
.mi-menu ul,.contiene-menu ul{
        width:100%;
        background: url('imagenes/menu-movil.png') repeat;
        max-height: 400px;
        min-height:20px;        
        height:auto;
        overflow: hidden;
        /*transition: max-height .4s;
            -webkit-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -moz-transition: max-height .4s;*/
    }
    .mi-menu ul li,.contiene-menu ul li{
        width:100%;
        text-align:center;
        line-height:20px;
        display:block;
        font-size:15px;
        border-bottom:2px solid #FFF;
        padding:0 0;
    }
    .mi-menu ul li a{
        font-size:14px;
        line-height:40px;
    }
    .mi-menu ul.open-menu,.contiene-menu ul.open-menu{
        position:relative;       
        max-height: 400px;
        min-height: 400px;
        height:auto;
        /*transition: max-height .4s;
            -webkit-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -moz-transition: max-height .4s;*/
            margin: 50px 0 0 0;
    }
}
 

Tengo exactamente el mismo css en los bloques anteriores así que de lo que es tema de herencia y demás no tendría que ser el problema.