Menú con efecto blur solo con css

Os presento un menú fácil de hacer, que tiene un efecto bonito y que podéis usar en vuestras paginas web, lo único que tienes que tener en cuenta es que no le di soporte para Internet Explorer (quizás en un futuro lo haga para que no lo tengáis que hacer vosotros), pero si lo necesitas, en el post anterior dice lo necesario para que se vea bien en IE.

Demo / DescargarSource Code

Se trata de un menú cuyos elementos se encuentran borrosos, y al poner el ratón encima se quita el efecto blur viéndose el texto mas claro.

Para los navegadores mas modernos le puse una animación para que al poner o quitar el ratón de encima valla gradualmente poniéndose o quitándose el blur, para firefox 3.6 e inferiores e IE, hay que usar algún javascript para darle ese toque de animación.