Salve, ho questo scritto per rollover di immagini che mi funziona perfettamente con Firefox 2,3 e safari.

Internet explorer non ne vuole proprio sapere invece di farlo funzionare. Come mai?

codice:
<script type="text/javascript" language="JavaScript">
<!--
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=12) }</STYLE>');

//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

Rollover("fossetta_life",  "img.png");
//-->
</script>

</head>




<a href = "#" onMouseOver="turnOn('fossetta_life');" onMouseOut="turnOff('fossetta_life');" onfocus='this.blur()'>[img]img2.png[/img]</a>

dove sbaglio? grazie per l'aiuto