fonction recherche de google dans une <table>

Bonsoir,
J'ai profité de ce jour férié pour commencer a refaire ma page d'accueil mais j'ai un problème :

j'ai voulu mettre la fonction recherche de google dans un tableau, cela marche très bien dans Safari, IE mais pas dans Firefox, alors que je le veux principalement pour Firefox (embattant non ?)
Sous firefox, le module de recher n'est pas centré mais "en haut" et étire le tableau vers le bas.

Une autre question, que faut-il faire pour que le "google" que j'ai mis dans la zone de recherche soit surligné quand on clique dedans ?

Voici le code :

<table height="36" border="0" background="http://todiefor.free.fr/menufont2.jpg" width="75%" align="center" >
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Images</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Vidéos</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Logiciels</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Divers</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>
<form method="get" action="http://www.google.fr/search"><input name="q" maxlength="255" value="Google" type="text"><input name="hl" value="fr" type="hidden"></td>
</b></font></td>

</table>

J'ai modifié ce que tu a dis :

<table height="36" border="0" background="http://todiefor.free.fr/menufont2.jpg" width="75%" align="center" >
<tr><td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Images</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Vidéos</b></font></td><
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Logiciels</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Divers</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg">
<form method="get" action="http://www.google.fr/search"><input name="q" maxlength="255" value="Google" type="text"><input name="hl" value="fr" type="hidden"></form></td>
</tr>

</table>

Mais maintenant le problème apparait quelque soit le navigateur...

Avec ce meme code j'obtient le cadre de recher google situé en haut de lal case, et le tableau étiré vers le bas ( plus de 36 pixels) donc une répétition de l'image de fond vers le bas.

J'ai rajouté comme tu m'a dis "style="height: 15px;"

Le problème n'apparait plus ni dans Firefox ni dans Safari, cependant il reste dans IE ... Ce n'est pas très grave puisqu'aucune personne qui viendra sur mon site se sert d'internet explorer mais ca serais bien de trouver la solution de ce problème

Alros j'ai essayé, j'ai beau réduire autant que je veux le height, le problème reste le même sous IE : rien ne change, alors que quand on l'augment, la hauteur augmente bien...