Bouton incompatible IE

Bonjour,

Pour un formulaire, j'ai personnalisé un bouton:

Code:

---

<input name="btnConnect" type="image" src="css/img/index/btnConnect.png" id="btnConnect" class="btn" value="connect">

---

Il se trouve que ce bouton est bien opérationnel sous Firefox, mais il ne veut rien savoir sous IE (6, 7) Pour vérifier, j'ai remplacé le type 'image' par le classique 'submit' et dans ce cas ci, c'est fonctionnel... Où est le problème ?
Je laisse aussi au cas ou la portion de code css rattachée au bouton:

Code:

---

1 2 3 4 5

.btn{ position:absolute; left: 50%; margin-left: -69px; }

---

merci,

Bonjour, j'ai voulu tester ton code mais n'ayant pas l'image et ne sachant pas trop ce que doit faire cette action, j'ai du mal à déterminer ce qui cloche.

Je peux d'ores et déjà te dire que le format PNG est mal géré par IE. Mais je ne pense pas que ce soit la cause de ton bug.

IE ne fait rien du tout ? il ne renvoie même pas d'erreur ?

J'ai peut-être trouvé ce qui clochait.

Essaie ceci :

Code:

---

<input name="btnConnect" type="image" src="css/img/index/btnConnect.png" id="btnConnect" class="btn" value="connect" onClick="document.form[0].submit();" />

---

Ou encore :

Code:

---

<input name="btnConnect" type="image" src="css/img/index/btnConnect.png" id="btnConnect" class="btn" value="connect" onClick="this.submit();" />

---

Bonjour Poulpynette,

C'est une bonne idée ton code, mais il ne fonctionne pas sur ma page. Mais je laisse tomber de toute façon. J'en reviens au type 'submit', plus propre, et je peux arriver au même rendu css.
Merci pour le coup de main.