Estilo CSS no funciona correctamente en Google Chrome, Opera y Safari

[michellqm]

Buen día

Al parecer es un problema con el float

Para evitar que el menú te aparezca nuevamente vertical puedes hacerle una modificación a tu clase

#menu li

de la siguiente manera

Anterior:

Código:

#menu li {
display: block;
    float: left;
    text-align: center;
    width: 90px;
    height: 110px;
    webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

Nueva:

Código:

#menu li {
display: inline-block;
    text-align: center;
    width: 90px;
    height: 110px;
    webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

Espero que te resuelva el problema, sino me cuentas

Saludos!