Problema con Javascript en IE8 y Chrome

[YaGrEoR]

Hola, éste es mi primer tema en este foro muchas gracias de antemano por la ayuda.

Bueno, mi problema es que tengo un código Javascript que al parecer no se ejecuta bien en IE8 ni en Google Chrome pero sí en Firefox. El código es para dar la hora con imágenes de números y es el siguiente:

Código Javascript:

var dire = "http://dl.dropbox.com/u/7513476/"
var puntos = "puntos.gif"
var imagenes = new Array()
 
for (m=0;m < 10; m++){
    imagenes[m] = new Image()
    imagenes[m].src = dire + m + ".png"
}
 
fecha2 = new Date()
hora2 = fecha2.getHours()
minutos2 = fecha2.getMinutes()
segundos2 = fecha2.getSeconds()
 
function reloj(){
    fecha = new Date()
    hora = fecha.getHours()
    minutos = fecha.getMinutes()
    segundos = fecha.getSeconds()
    if (hora != hora2){
        if(hora < 10){
            hora = "0" + hora
        }
        document.h1.src = dire + hora.toString().charAt(0) + ".png"
        document.h2.src = dire + hora.toString().charAt(1) + ".png"
        hora2 = hora
    }
    if(minutos != minutos2){
        if (minutos < 10){
            minutos = "0" + minutos
        }
        document.m1.src = dire + minutos.toString().charAt(0) + ".png"
        document.m2.src = dire + minutos.toString().charAt(1) + ".png"
        minutos2 = minutos
    }
    if(segundos != segundos2){
        if (segundos < 10){
            segundos = "0" + segundos
        }
        document.s1.src = dire + segundos.toString().charAt(0) + ".png"
        document.s2.src = dire + segundos.toString().charAt(1) + ".png"
        segundos2 = segundos
    }
    pepe = setTimeout('reloj()',1000)
}
 
function inicio(){
    fecha = new Date()
    hora = fecha.getHours()
    minutos = fecha.getMinutes()
    segundos = fecha.getSeconds()
    if(hora < 10){
        hora = "0" + hora
    }
    if (minutos < 10){
        minutos = "0" + minutos
    }
    if (segundos < 10){
        segundos = "0" + segundos
    }
    document.h1.src = dire + hora.toString().charAt(0) + ".png"
    document.h2.src = dire + hora.toString().charAt(1) + ".png"
    document.m1.src = dire + minutos.toString().charAt(0) + ".png"
    document.m2.src = dire + minutos.toString().charAt(1) + ".png"
    document.s1.src = dire + segundos.toString().charAt(0) + ".png"
    document.s2.src = dire + segundos.toString().charAt(1) + ".png"
    reloj()
}
 

y está inscrito en el archivo .js
[URL="http://dl.dropbox.com/u/7513476/todo-mi-javascript.js"]http://dl.dropbox.com/u/7513476/todo-mi-javascript.js[/URL]

En mi página le hago la llamada a la función inicio() con el código:

Código HTML:

<div id="reloj">
<img id="h1" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
<img id="h2" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
<img id="puntos" class="cn" src="http://dl.dropbox.com/u/7513476/puntos.gif" />
<img id="m1" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
<img id="m2" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
<img id="puntos" class="cn" src="http://dl.dropbox.com/u/7513476/puntos.gif" />
<img id="s1" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
<img id="s2" class="cn" src="http://dl.dropbox.com/u/7513476/0.png" />
</div>
<div id="fonrel"></div>
<script>inicio()</script></div>
 

Como dije antes, en Firefox sale el reloj perfecto pero en IE8 y en Chrome me salen puros ceros (00:00:00) y no se qué puede estar sucediendo.
¿Se puede solucionar? ¿O hay otro código más eficiente?

Muchas gracias por leer y responder. Buen día :-)