Un diseño sencillo, pero a mi me gusta.
Independientemente de que hagas la web directamente en HTML, veo que el código está bien estructurado, con <div>, el menú en una lista... bien.

Respecto al diseño, si no quieres hacer uso de CMS o Frameworks like Bootstrap, pues hay que trabajar con lo que se llama "Media Queries". De este modo, podrás mostrar tu web dependiendo de las dimensiones de tu navegador o dispositivo.

Por ejemplo, ¿sabes por qué no se ve bien tu menú en Firefox y sí se ve bien en Chrome?
Es debido a la altura de los enlaces (<a>). Cada navegador hace sus cálculos con márgenes, paddings, tamaño de fuentes etc...
Bloquea la altura de los enlaces, con 15 píxeles. Así:

ul.listas li a {
    color: #fff;
    display: inline-block;
    height: 15px;
    padding: 1.7%;
    transition: all 1s ease 0s;
} 

Ese menú, en un smartphone, debería ser un botón menú o si no quieres complicarte la vida, céntralo en pantalla con todos los botones a la vista.

POr cierto, a mi no me gusta el uso de Flash. Es una tecnología que no hace mucho era la puerta de entrada de infecciones y muchos dispositivos ni siquiera lo cargan. Yo no lo usaría.

Te queda mucho trabajo pero yo seguiré echando un vistazo a la web, diseño sencillo pero original.

Un diseño sencillo, pero a mi me gusta.
Independientemente de que hagas la web directamente en HTML, veo que el código está bien estructurado, con <div>, el menú en una lista... bien.

Respecto al diseño, si no quieres hacer uso de CMS o Frameworks like Bootstrap, pues hay que trabajar con lo que se llama "Media Queries". De este modo, podrás mostrar tu web dependiendo de las dimensiones de tu navegador o dispositivo.

Por ejemplo, ¿sabes por qué no se ve bien tu menú en Firefox y sí se ve bien en Chrome?
Es debido a la altura de los enlaces (<a>). Cada navegador hace sus cálculos con márgenes, paddings, tamaño de fuentes etc...
Bloquea la altura de los enlaces, con 15 píxeles. Así:

ul.listas li a {
    color: #fff;
    display: inline-block;
    height: 15px;
    padding: 1.7%;
    transition: all 1s ease 0s;
} 

Ese menú, en un smartphone, debería ser un botón menú o si no quieres complicarte la vida, céntralo en pantalla con todos los botones a la vista.

POr cierto, a mi no me gusta el uso de Flash. Es una tecnología que no hace mucho era la puerta de entrada de infecciones y muchos dispositivos ni siquiera lo cargan. Yo no lo usaría.

Te queda mucho trabajo pero yo seguiré echando un vistazo a la web, diseño sencillo pero original.

Has usado alguna vez antes un framework?

No necesitas de linux para nada, son solo unos cuantos .css y.js tu solo debés cargarlos en tu index.html como cualquier css y js y ya puedes usarlos para tu web, independientemente del host.

En la propia documentación hay un ejemplo de un html con todos los archivos basicos a llamar, tambien puedes ojear algun tutorial en español. Te pasaría algun link pero desde el movil es incómodo.

Yo hasta ahora no me he topado con susodicho problema, mis webs se ven bien en todos los dispositivos pero quizas porque son muy simples xD.

Sin dar rodeos creo que estaria bien que le hecharas un vistazo a Bootstrap, no creo que te lleve mucho tiempo aprender a trabajar con ese framework y te servira para proyectos mas adelante, basicamente se encarga de facilitar el diseño responsable.

http://getbootstrap.com/