letras papadeantes

Hola amigos mi pregunta es como puedo relacionar desde una hoja CSS este codigo que da como resultado letras parpadeante que se ve tanto en internet explorer y firefox por que aberigue que la etiqueta blink hace letras parpadeantes pero no se ve en IE7 y con este SCRIPT si.

Este SCRIPT lo copie de un foro no recuerdo cual a qui lo pongo para que comenten y me puedan ayudar y no solo a mi sino a quien lo necesite.

Nota: no tengo muchos conosimientos en html y lo que se lo he aprendido aqui.



<FONT SIZE="7" FACE="Arial">
<SPAN ID="s" STYLE=" position:absolute; color:white">XLWebmasters</SPAN>
<SPAN ID="s2" STYLE=" position:absolute; color:white">XLWebmasters</SPAN>
<SPAN ID="s3" STYLE=" position:absolute; color:white">XLWebmasters</SPAN>
<SPAN ID="ds" STYLE=" position:relative; "></SPAN>
</FONT>

<FONT COLOR="#0000FF" SIZE="7" FACE="Arial">XLWebmasters</FONT>
<SCRIPT LANGUAGE="JavaScript">
y=0
x=2
z=1
function l(){
y+=1
x+=1
z+=1
document.all.s.style.color="green";
document.all.s.style.margin=y;
document.all.s3.style.color="blue";
document.all.s3.style.margin=z;
document.all.s2.style.color="black";
document.all.s2.style.margin=x;
if (y>3){
y=0}
if (z>3){
z=0}
if (x>3){
x=0}
setTimeout("l(),1")
}
l()
</SCRIPT>