Effetto "fade", ma non funziona....?!?

[Donovant]

Il codice in javascript è questo:

function setOpa(obj,opa){
    // IE/Win
        obj.style.filter = "alpha(opacity:"+opa+")";
        // Safari<1.2, Konqueror
        obj.style.KHTMLOpacity = opa/100;
        // Older Mozilla and Firefox
        obj.style.MozOpacity = opa/100;
        // Safari 1.2, newer Firefox and Mozilla, CSS3
        obj.style.opacity = opa/100;
}

function opacitaIn(obj,opa){
    
    if(!document.getElementById) return;
    
    if(opa <= 100){
         setOpa(obj,opa);
         opa += 5;
         //window.setTimeout("opacitaIn('"+obj+"',"+opa+")", 1500);
         //window.setTimeout(opacitaIn(obj,opa), 1500);
    }
        
} 

HTML:

<li id="mHome" class="kwick" onmouseover="opacitaIn(this,100);" onmouseout="opacitaOut(this,50);" >[url="#"]Home[/url] 

CSS: nel css ho impostato l'opacità iniziale al 50%

Il problema è che anche attivo uno dei due "setTimeout", l'opacità cambia istantaneamente e non con effetto "fade" (crescente).
Grazie a tutti per il futuro aiuto