Ciao, sto utilizzando la funzione fade di Mootools per far apparire in dissolvenza alcuni elementi DIV in una pagina php.

Ho però notato che su Internet Explorer (Posso provare solo con 7 e 8, e con entrambi non va) non funziona tale animazione.

Il codice è il seguente:

CSS:
codice:
div#mio { opacity: 0 }
HTML:
codice:
<div id="mio" onload="this.fade(1);"> ..... </div>
Ho provato ad aggiungere la stessa funzione ma con il valore 100 al posto di 1 (in teoria Internet Explorer gestisce opacity da 0 a 100....) Ma non vuole proprio saperne di funzionare!

Quindi avrei bisogno di capire come mai non funziona, e nel caso, trovare uno script alternativo che funzioni.(Non necessariamente in mootools, anche Jquery può andare, anche se preferisco Mootools siccome lo utilizzo in altre parti del sito)

Mi sapete aiutare? Grazie in anticipo


Edit: Ho trovato una mezza soluzione usando Jquery:
codice:
$(document).ready(function(){
$("#main, #top-main, #user-bottom, #bottom, #bottom-main").fadeTo("slow", 1);
});
Peccato che utilizzando un background con trasparenze in PNG, Internet Explorer mi applichi uno sfondo nero dietro alla PNG rendendolo inguardabile (Il mo background è un immagine, quindi non posso applicargli un colore di sfondo al body per coprire il nero)

Idee?