Javascript da problemas en Mozilla

[perryjr]

Estás usando un código que no es cross-browser (vamos, que no sirven en todos los navegadores). Hay cosas que son básicas, y funcionan igual en todos, y hay otras cosas que ya irás aprendiendo que son especificas segun el navegador que uses - he aquí el infierno de los programadores. Tu estas usando:

filter: opacity(...);

que sirve en Internet Explorer. Todos los demas menos Internet Explorer siguen el estandar y usan:

opacity: ...;

Como si una regla CSS no es valida o no se entiende, simplemente se rechaza y se sigue como si nada, puedes poner las dos a la vez, y que cada navegador coja la que le convenga.
Para documentarte sobre filter y opacity ya si te remito a internet, porque sería interminable publicarlo aquí.