La pagina sotto mostra un "effetto macchina" da scrivere sul testo solo in IE. Per visualizzarlo anche con Mozilla Firefox debbo togliere le prime righe (doctype) di codice e mettere il generico <html>. Come risolvere la cosa?

inizio codice.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<script language="javascript">
<!--

//Il messaggio
var msg=new Array()
msg[1]="Testo"
msg[2]="un saluto a tutti"
msg[3]="potrete trovare"
msg[4]="questo e quello"
msg[5]="un pò di tutto...."

//Il numero dei messaggi
var Number_Messages=5;

//Colori
var textColor=new Array()
textColor[1]="blue"
textColor[2]="red"
textColor[3]="purple"
textColor[4]="orange"
textColor[5]="gray"

//Il numero dei colori
Number_Colors=5;

//La pausa fra i messaggi, basta allungare o diminuire gli spazi
var space2=" "

var c=1
var n=0
var start=""
var m=1
msg[m]=msg[m]+space2
function type(){
var color="<font color=\""+textColor[c]+"\">[b]"
var total=start+color+msg[m].charAt(n)
start=start+color+msg[m].charAt(n)
n++
if(n==msg[m].length){
start="";
n=0;
if(c==Number_Colors){
c=1;
}else{
c=c+1;
}
if(m==Number_Messages){
m=1
}else{
m=m+1;
msg[m]=msg[m]+space2
}
}
document.all.typer.innerHTML=total
setTimeout("type()",100)
}
window.onload=type
-->
</script>

</head>

<body>






<div id="typer" style="font-size: 20pt; font-family: verdana;"></div>

</body>

</html>