Ciao a tutti!
Ho una funzione (che posto qui sotto) per assegnare un gradiente ad un div. Con safari funziona benissimo, mentre con mozilla non visualizzo il gradiente, ma lo sfondo bianco/trasparente. Mi sembra strano perchè la proprieta CSS è praticamente la stessa, cambia solamente il prefisso -moz- al posto di -webkit-.
Qualcuno saprebbe dirmi qual'è il problema? magari c'è un errore banale che non riconosco...

P.S Ho l'ultima versione di mozilla.

Grazie a tutti in anticipo

codice:
function colora(){

<script>

    var partenza = document.getElementById('partenza').options[document.getElementById('partenza').selectedIndex].value;
    var numero_colori = document.getElementById('numero_colori').value;
    
    var css = "";
    
    for (k=1; k<=numero_colori; k++){
        
        var id = "colore"+k;    
        var per ="percentuale"+k;
        
        var colore = document.getElementById(""+id+"").value;
        var percentuale = document.getElementById(""+per+"").value;
        
        css = css + colore + " " + percentuale + "%,";
        
    }
    
    // elimina l'ultima virgola dalla variabile css

    var len = css.length

    css = css.substring(0,len-1)
    
    
    // creo la regola css per il cambio del gradiente
    var cambia_gradiente = "-webkit-linear-gradient("+partenza+","+css+")";
    var cambia_gradiente_moz = "-moz-linear-gradient("+partenza+","+css+")";
    
    document.getElementById('prova').style.backgroundImage= cambia_gradiente;
    document.getElementById('prova').style.backgroundImage= cambia_gradiente_moz;
    
}
</script>