Remplacer une image

Bonjour,
j'ai un code qui remplace une image lors du clic dessus, mais ma question est pourquoi l'image (1-ok.gif), e se met au même endroit que la première image (1.gif)?
Voici le code :
JS :

Code:

---

1 2	document.getElementById("b1").style.visibility = "hidden"; document.getElementById("i1").style.display = "block";

---

HTML :

Code:

---

<img src='images/1-ok.gif' style='display:none;' id='i1'><img src='images/1.gif' onclick=\"setText(this);this.disabled='disabled'\" value='1' id='b1'>

---

Merci de votre aide.

Code:

---

1 2	document.getElementById("b1").style.display= "none"; document.getElementById("i1").style.display = "block";

---

Ca ne fonctionne pas, l'image monte.