probleme sous firefox avec une image !

Bonsoir à tous !!!

Alors voici un problème peu commun, en effet tout est parfait sous IE et pas sous FF (c'est le monde à l'envers hein ! 8O )

alors voici ce que cela donne sous FF :


et voici ce que cela donne sous IE et ce que je voudrais avoir :


Voilà !

Ah oui voici mon code CSS de l'image :

Code:

input.border{
	margin-right:-4px;
	margin-bottom:4px;
	height:15px !important;
	height:19px;
	border:1px solid red;
}

/*
input.valider{
	background-image:url('img/search_btn.gif');
	background-repeat:no-repeat;
	border:0px solid blue;
	cursor:pointer;
}

input.valider2{
	background-image:url('img/news_btn.gif');
	background-repeat:no-repeat;
	height:19px;
	width:19px;
	border:0px solid blue;
	cursor:pointer;
}

*/
.input_, .input_2 {
	float:left;
	text-align:center;
	padding-top:7px;
	width:217px;
	height:27px !important;	
	height:34px;
}

.input_{
	margin:0 auto;
}

.input_2{
	margin-left:55px !important;
	margin-left:30px;
}

form.form{
	height:19px;
	width:164px;
	margin:0 auto;
}

Merci beaucoup pour votre aide et de me lire !

 

Merci de me répondre, pour te répondre les images pour valider sont nommés "valider" et "valider2" (j'ai Deux cases recherche et même chose sur les deux) et la case recherche se nomme "border" !

Je vais essayer et je te tiens au courant.

:wink:

 

Rien n'y fait !

 

voici le HTML :

Code:

<form class="form" action="site" method="get" name="search"><input class="border" name="mot" value="search for a store" id="mot" onfocus="java script:this.value=''" type="text" /><input class="valider" src="img/search_btn.gif" name="recherche" id="recherche" value="search" type="image" /></form>

Merci d'avance à tout ce qui voudrait m'aider !