Le background d'un bouton n'apparait pas sur IE7

Bonjour à tous

Je viens vous demander votre aide, pour un problème de css avec IE7, je ne comprends jamais pourquoi j'ai des bugs sur IE...

En fait sous ie7 je n'ai pas de fond sur mon bouton, alors que sur tous les autres navigateurs, j'ai l'image de fond.

Ce que j'obtiens sur IE7:
http://img11.hostingpics.net/pics/509222boutonbug.jpg

Ce que j'obtiens sur les autres, et ce que je souhaite avoir sur IE7:
http://img11.hostingpics.net/pics/732207bonbouton.jpg

Voici la classe de mon bouton:

.inscrire{
background-image: url(../images/bouton_sinscrire.jpg); 
border: none;
width: 93px;
height: 25px;
}

Merci pour votre aide!
Modifié par dodpeps (31 May 2011 - 11:42)

Bonjour,
Ce bug est connu pour IE7. J'ai vu quelque part que pour IE7, il fallait ajouter

background-image { position: bottom right; }

Ailleurs, j'ai aussi trouvé qu'il suffisait d'ajouter ceci:

border: 0px solid #FFFFFF;

IE7 aurait besoin d'une bordure (même à 0px) pour afficher l'image en background.

Une 3e solution : Essaye en mettant du texte dans ton bouton (  devrait suffire).

Je n'ai pas testé moi-même.
Modifié par lddsoft (31 May 2011 - 11:18)

Bonjour,
Essaie de redéfinir le background intégralement, et pas seulement "background-image" :

background:url(../images/bouton_sinscrire.jpg) no-repeat top center;

Modifié par Nigel (31 May 2011 - 11:22)

Grand merci, ça n'a pas marché avec la première solution, mais j'ai ajouté ceci

border: 0px solid #FFFFFF;

Et là sa marche! Merci! C'est totalement débile il faut avouer... Vive IE

Non ça ne fonctionne pas ceci:

background:url(../images/bouton_sinscrire.jpg) no-repeat top center;

IE veut apparemment une bordure de 0px...

Il y a forcément un autre problème ailleurs. J'ai des exemples en ligne qui fonctionnent parfaitement sous IE7, avec border:none

As-tu une page accessible en ligne ?
Est-ce un <button>, ou un <input> ?

Si c'est un input, pense à ajouter

overflow:visible

, pour corriger divers bugs IE.
Modifié par Nigel (31 May 2011 - 11:50)

Non mais c'est bon ça marche, je l'ai dit plus haut, c'est en ajoutant le border que ça a réglé le problème.