Efecto de cambio de fondo

[mbm150]

Hola a todos! Tengo un pequeño problema que no consigo solucionar. El caso es que he hecho esto y no consigo que el efecto de fondo vaya lento, cambia sin hacer la transicion.

Código CSS:

#lateral #menuPrincipal ul li{
        padding:10px;
        background:#002f00;
        background:-webkit-gradient(linear, left top, left bottom, from(#004800), to(#020));
        background:-moz-linear-gradient(top, #004800 20%, #020 100%);
        background:-o-linear-gradient(top, #004800 20%, #020 100%);
        background:-ms-linear-gradient(top, #004800 20%, #020 100%);
        text-align:center;
        position:relative;
        color:#fff;
        -webkit-transition:all 0.3s linear;
        -moz-transition:all 0.3s linear;
        -o-transition:all 0.3s linear;
        -ms-transition:all 0.3s linear;
    }
    
    #lateral #menuPrincipal ul li:hover, #lateral #menuPrincipal ul .activo{
        background:#B1FF64;
        box-shadow:0px 0px 5px #002f00 inset;
        color:#002f00;
    }
 

El efecto del box-shadow lo hace, y el color de letra tambien, el que no funciona es el color de fondo, que se hace transparente y despues aparece el color.

Muchas gracias.