Fade funktion

[kleiner hobbit]

Hallo,

ich habe diesen CSS Code:

.elyazi{position:absolute;}  
.elyazi span{position:absolute; visibility:hidden; margin:-60px 0px 0px -550px;}  
.elyazi:hover span{position:absolute; visibility:visible; top:0px; right:250px;}

diesen JavaScript Code:

/* <![CDATA[ */  
    function fade(tra)  
	{  
        tra = tra || 0;  
        document.getElementById('yazi').style.opacity = tra/100;  
        document.getElementById('yazi').style.filter = "alpha(opacity=" + tra + ")"; // IE  
        tra = tra + 1;  
        if (tra <= 100)  
		{  
        window.setTimeout(function () { fade(tra); }, 30);  
        }  
    }  
/* ]]> */

und diesen HTML Code:

<a class="elyazi" href="#a"><img src="yazi.jpg" border="0" onmouseover="fade()" alt="" /><span><img id="yazi" src="yazibuyuk.jpg" border="0" alt="" /></span></a>

In FF ist das so, wie ich es haben will. Also egal wie hofft man mit der Maus rüber geht, wird das Bild eingeblendet.

Leider ist es in IE7 so, dass es nur einmal beim ladender Seite geht, wenn man mit der Maus rüber geht. Woran liegt es? Wie sieht es in IE6 aus. Habe leider nur IE7.

Vielen Dank und liebe grüße
kleiner hobbit