Div imbrique + positionnement

Bonjour,

depuis deux jours je me trouve coincee dans un truc. voici le code
<table>
<tr>
<?php $x=0;?>
<td> <div style="display:inline; position: relative;">
<input type="text" id="abr<?php echo $x;?>" name="abr<?php echo $x;?>" style="z-index:-1;" size="15" value="" class="Bouton" onkeyup="treatquery(<?php echo $x;?>);" />
<div id="res<?php echo $x;?>" style="background-color:white;position: absolute; z-index:1; top: 22px;left: 0px; width:104px" class="prop" onMouseMove="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden';"></div> </div></tr>
<tr>
<?php $x=1;?>
<td> <div style="display:inline; position: relative;">
<input type="text" id="abr<?php echo $x;?>" name="abr<?php echo $x;?>" style="z-index:-1;" size="15" value="" class="Bouton" onkeyup="treatquery(<?php echo $x;?>);" />
<div id="res<?php echo $x;?>" style="background-color:white;position: absolute; z-index:1; top: 22px;left: 0px; width:104px" class="prop" onMouseMove="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden';"></div> </div></tr>
</table>

en fait mon code est beaucoup plus complique mais j'ai essaye de le simplifier
Etapant dans l'input j'aurais dans le div la liste des mots commencant par l'alphabet que je viens de taper. le probleme est que le 1er div sera cache par le deuxeime input donc je voulais savoir comment je pourrais mettre l'affichage du div en 1er lieu

merci bcp pour votre aide

Configuration: Windows XP Internet Explorer 7.0