a tutti

Chi mi sa dare una dritta per risolvere questa imperfezione di visualizzazione?

Mi spiego:

cercavo un effetto fade in entrata per un blocco di testo...
ma non volevo usare le soluzioni con prototype.js e scriptaculous.js, dignitosissime, per carità, ma volevo una cosa semplice semplice...
Quindi ho preso QUESTA SOLUZIONE realizzata per il fading di immagini e l'ho modificata in modo che funzioni per blocco di testo...

Funziona... però la visualizzazione con IE lascia il testo un po' spixelato, come se l'opacità fosse rimasta un po' limitata...
é più semplice da mostrare che da dire...

Ecco la MIA DEMO LIVE
(giocate di F5 e guardatela con FF e poi con IE... noterete la differenza)

Ecco uno screenshot con la differenza di resa visiva:


Perché mi rimangono queste differenze?
Ho tentato alcune modifiche ai parametri passati dal .js, che non è molto complesso, ma non riesco a risolvere... eppure sono sicuro che basti variare qualche valore...

Posto il codice completo... come vedete è molto semplice...
qualcuno mi sa indicare la modifica da apportare per avere una resa ottimale come su FF?

Grazie in anticipo, un saluto a tutti...

codice:
<html>
<style type="text/css">
#photoholder { width:200px; height:100px; border:1px dashed; }
#thephoto { width:200px; height:100px; }
</style>

<script type="text/javascript">
<!--
document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");

function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}
// -->
</script>

</head><body>

<div id="photoholder">
<div id="thephoto">Testo che appre in fading effect Testo che appre in fading effect Testo che appre in fading effect</div>
</div>

</body></html>