problème chrono sous firefox/chrome

Bonjour,

j'ai un chrono php/html qui marche pas sur firefox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<SCRIPT language="Javascript">
	var minu = 0;
	var sec = 0;
	var centisec = 0;
	var mode = "stop";
 
	function Start_Stop(){
		if(mode == "start"){
			mode = "stop";
			Stop();
		}
 
		else{
			mode = "start";
			Start();
		}
	}
 
	function Start(){
			centisec++;
			if(centisec == 99){
				centisec=0;
				sec++;
			}
			if(sec == 59){
				sec=0;
				minu++;	
			}
			if(minu == 59){
				minu=0;
				sec=0;
				centisec=0;
			}
 
			if(centisec < 10)
				centisecondes.value = "0" + centisec;
			else
				centisecondes.value = centisec;
			if(sec < 10)
				secondes.value = "0" + sec;
			else
				secondes.value = sec;
			if(minu < 10)
				minutes.value = "0" + minu;
			else
				minutes.value = minu;
 
			compteur=setTimeout("Start()",10);
	}
 
	function Stop(){
		clearTimeout(compteur);
	}
 
	function Reset_Chrono(){
		clearTimeout(compteur);
		centisec=0;
		sec=0;
		minu=0;
		centisecondes.value = "00";
		secondes.value = "00";
		minutes.value = "00";
		mode = "stop";
	}
 
	function RAZ(){
		location.reload() ;
	}
 
</SCRIPT>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<table id="t6">
 						<tr>
 						<td>
 						<input type="image" src="/data/images/boutons/chrono_template_bouton_gauche.png"
 							onMouseOver="src='/data/images/boutons/chrono_template_bouton_gauche_hoover.png'"
    						onMouseOut="src='/data/images/boutons/chrono_template_bouton_gauche.png'"
    						onClick="Reset_Chrono()">
    					</td>
 						</tr>	
 					</table>
 
 					<table id="t7">
 						<tr>
 						<td>
 							<input type="image" src="/data/images/boutons/chrono_template_bouton_droit.png"
 							onMouseOver="src='/data/images/boutons/chrono_template_bouton_droit_hoover.png'"
    						onMouseOut="src='/data/images/boutons/chrono_template_bouton_droit.png'"
    						onClick="Start_Stop()">	
 						</td>
 						</tr>
 
 					</table>
 
 					<table id="t8" border="2">
 						<tr width="200" height="65">
    						<td>
								<input style="width:44px;background-color:#000000;color:white;font-size: 34px;text-align:center;" type="text" size="3" name="minutes" value="00" readonly>
							</td>
    						<td>
								<input style="width:44px;background-color:#000000;color:white;font-size: 34px;text-align:center;" type="text" size="3" name="secondes" value="00" readonly>
							</td>
							<td>
								<input style="width:44px;background-color:#000000;color:white;font-size: 34px;text-align:middle;" type="text" size="3" name="centisecondes" value="00" readonly>
							</td>
 
    					</tr>
  					</table>

Je sais que ca vient de l'absence de formulaire au niveau des inputs, mais si je mets un formulaire, le chrono se lance sur IE et Firefox, mais au bout de 1 ou 2 sec, la page se recharge, normal... et le chrono repart de zero...

Comment faire? changer les inputs par autre chose peut etre, mais quoi?

Merci de votre aide.