Probleme de input qui 'depasse' sous IE

Bonjour,

J'ai un soucis avec une bordure de cellule qui ne veut pas se mettre ou il faut
Sous firefox tt fonctionne bien, je n ai pas chrome sur cet ordi pr tester mais je pense que c ets bon aussi
C'est donc sous IE que ca ne marche pas

pour mieux comprendre, allez sur http://simplifiedbmx.fr
le champ à droite, le border-bottom ne veut pas se 'coller' parfaitement avec les images qui l'entourent

Si quelqu'un pouvait m'aider à enlever cet ecart, je lui serais bien reconnaissant!

mon code:

<table width="270" height="22" bgcolor="white" cellpadding="0" cellspacing="0" border="0">
			<form name="recherchez" method="post" action="index.php"">
			   <tr>
				<td width="9">
					<img src="images/graphisme/recherche_gauche.png"/>
				</td>
				<td width="100%" height="22" style="border-top:1px solid #808080;border- bottom:1px solid #808080;">
					<input type="text" name="recherchez" size="30" style="border:0; color:#808080;" value="Recherchez un article" onClick="this.value=\'\'"/>
				</td>
				<td width="29">
					<input type="image" src="images/graphisme/recherche_droite.png" name="envoyer"/>
				</td>
			   </tr>
			</form>
		</table>

merci