Linearer Farbverlauf hintergrund in IE 7 - 9

Ich habe eine checkbox und ein Label in der Art, je nachdem, ob die checkbox aktiviert ist. Bisher benutzte ich die [selectivizr] script Eins zu verwalten :selected propperty arbeiten im IE7. Aber irgendwie ist Der Verlauf nicht funktioniert propper im IE 7, 8 und 9. Es sollte ein Farbverlauf von hell bis dunkler grün, aber ich bekomme einen tiefen blauen Farbverlauf. Ich kann nicht erklären, dieses seltsame Verhalten, vielleicht hat es etwas zu tun mit der Reihenfolge der css-Regeln?

     input[type=checkbox]:checked + label {
        background: #00bf00;
        background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: linear-gradient(top, #00bf00 0%, #009400 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); /* EDIT: UPDATE BELOW:*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bf00', endColorstr='#009400',GradientType=0 );
    }