Problema de visualización <ul> en móvil

[madman_18]

Buenos días a todos!

Estoy teniendo un problema que la verdad, no entiendo :

Tengo una serie de listas que forman mi menú, el cual tengo este css para ver en los móviles :

Código CSS:

.mi-menu ul{
 display: inline-table;
    height: auto;
    margin: 0;
    padding: 0;
    width: 160px;
}
 

Hasta ahí todo correcto salvo por que cuando lo veo en un emulador de móviles se ve perfecto (si veis que las letras están descuadradas o algo es porque las he movido un poco con fireworks porque no se visualizaban bien)
http://s6.postimg.org/y4q44y7ox/tabla.png
peeeeeeeeero cuando lo abro en le teléfono para probarlo se ve tal que así : http://s6.postimg.org/yviuaqa29/tabla_2.png

Y no doy con lo que pueda pasarle...es como si metiera márgenes en los ul cuando se están viendo en teléfonos o algo....

¿Alguna idea de qué puede pasarle? El código es el que es una serie de <ul> (todos bien cerrados) con el css que veis en el caso de los teléfonos y en casos de pc y demás es únicamente el display lo que cambia que no es inline....(pero le afecta el css que os he puesto más arriba por lo que está OK)

Gracias por la ayuda de antemano!