Tengo un problema molesto con el invertido del filtro css (); en Firefox 25. Este es el código, insertado dentro del contexto jQuery .ready ():

$('#colorcontrast').bind('click', function() {

        var css = 'html {'+
                    ' filter:invert(100%);' + 
                    ' -webkit-filter: invert(100%);' +                    
                    ' -o-filter:invert(100%);' + 
                    ' -ms-filter:"invert(100%)"; }';      

        if (!window.counter) { 
            window.counter = 1;
        } else  { 
            window.counter ++;
            if (window.counter % 2 == 0) { 
                css = 'html {'+
                    ' -webkit-filter:invert(0%);' +
                    ' -moz-filter:invert(0%);' +
                    ' -o-filter:invert(0%); }';
            }
        };

        console.log(css);

        $('#contrast').html(css);

    });

Funciona bien en Chrome e IE9, pero no en Firefox 25. Cuando visité supágina de referencia doc. Usando Firefox, me di cuenta de que la demostración en vivo no estaba funcionando. ¿Alguien sabe algo sobre? ¿Y podría alguien indicarme otra forma o solución para aplicar dicho filtro? Gracias por adelantado.