[SOLUCIONADO] Problemas al pasar menu (nav) a responsive design

[MindPaniC]

Hola a todos estoy terminando una web que tiene que ser responsiva, no me voy a complicar mucho con ella y solo voy a utilizar un media query, la web es muy sencilla y ahora estoy preparandola para responsive.

Al grano: el menu secundario, el que es nav lo paso a responsive y no se ajusta al 100% de la pantalla, se queda a la izquierda y no ocupan las casillas el 100%, no se que problema hay.

Podeís ver la web en: http://test.javierdelpozo.com/es/

este es el media query del menu (nav):

Código CSS:

@media screen and (max-width: 800px) { /* AJUSTES PARA MENOS DE 800PX */
    nav {
        float:left;
        width:100%;
    }   
    nav ul {
        float:left;
        padding-top:0; 
        padding-bottom:0;
    }
    nav ul li {
        display:block;
        width:100%;
        float:none;
        list-style:none;
    }
    nav ul li a {
        display:block;
        width:100%;
        margin:0;
        padding:15px;
        border-bottom:1px solid #CCC;
        border-right:0;
        text-align:center;
    }
    nav .ultimo a {
        padding:15px;
    }
 

¿Qué puedo hacer para que el ancho de los items del menu se ajusten al ancho de la pantalla?

Probar el diseño reduciendo el tamaño de la ventana del navegador por favor.

[pzin]

Le tienes que poner un ancho a ul:

Código CSS:

ul {
  width: 100%;
}
 

Ya que el elemento está flotado.

[MindPaniC]

Muchas gracias a funcionado!!

Ahora voy a por el menu principal a ver si consigo que se vea bien en responsivo y de paso que al pulsar se desplieguen los submenus del mismo.

Saludos