Sí, hay un pequeño error pero importantísimo, y seguro que ahora no se ve como lo has mostrado antes: has cambiado el nombre del div principal:
<div id="x">
y no te has dado cuenta de que casi todos los selectores de la css empiezan por
#menu, que era el nombre del div, es decir, que te obliga a que el div se llame así o si le cambias el nombre, a cambiarlo en todos los selectores de la css que empiecen por #menu para ponerle en su lugar su nuevo nombre.
Y otra cosa: es mejor que no uses <strong> para poner negrita; simplemente añade font-weight: bold; en la clase de la css a la que quieras poner negrita.
Dos cosas: a) recuerda mi consejo: toca una sola cosa y mira a ver qué ha ocurrido, no cambies muchas a la vez, así te hubieras dado cuenta de qué pasaba al cambiar el nombre al div, y b) estás intentando hacerlo a huevo, a la fuerza, y deberías estudiar un poco de css antes de meterte con algo como este menú, no por complicado, sino porque entiendas cómo funcionan las cosas antes de intentarlas.
Mikel.