CSS mise en form d'un formulaire

Bonjour, je vous présente mon problème, j'ai un petit champs de recherche dans mon thème Xoops dont voici le code HTML

<div id="recherche"><!--Moteur recherche -->
<div> <!--enveloppe contenant le champs et le bt -->
<div id="chRecherche">
<form id="form1" name="form1" action="<{$xoops_url}>/search.php" method="post">
<input class="textbutton" type="text" name="query" size="22" />
<input name="submit" class="searchbutton" type="submit" value="" />
<input type="hidden" name="action" value="results" />
</form>
</div>
</div>
<div style="clear:both;"></div>
</div>

Je le mets en forme afin que le champs texte et le boutton soit mis en forme par des images.

.searchbutton {/* bouton de recherce */
background-image:url(images/bt_recherche.jpg);
background-repeat:no-repeat;
background-position:left center;
margin-left:-6px;
border: none;

height:17px;
width:66px;
clear:both;
	}
	
.textbutton{ /* champs de recherche */
color:#7493BA;
size:8px;
height:17px;
width:161px;
border-style:none;
background-image:url(images/onglet_recherche.gif);
background-repeat:no-repeat;
background-position:left center;
margin-left:10px;
}

Tout se passe bien en FireFox, et même sous mon IE7,... mais visiblement pas chez tout le monde... En effet, les utilisateurs d'IE qui ont un thème Windows qui modifie l'aspect des boutons, ne voient pas la mise en page que je tente d'imposer... D'ou pourrait venir mon problème ?

voici la page : http://www.formadis.be/formadis07