Superposition de div

Bonjour,

J'ai créer une "liste" contenant différentes référence.Cette liste apparait icone (présente dans chaque première case de chaque ligne d'un tableau) en dessous d'une icone lorsque je clic sur cette dernière.
Voici le code

for($i=1;$i<=$dnombreproduit;$i++)
{
	echo '<tr class="productdatas"><td style="position:relative; ">'.       Form::input('ref'.$i,${"ref".$i}, array('rel'=>'forminput','id'=>'ref'.$i)).'
	<img  src="../media/images/fleche/select_arrow.gif" id="dropprod'.$i.'" onClick="droplist ('.$i.')"/>
	<div class="span-2" id="listeproduit'.$i.'" style="position:absolute;top:27px;">';
	$j = 1;
	foreach($companyprod as $prod)
	{
	       echo '<div class="companyprod" id="prod'.$j.'">'.$prod['reference'].'</div>';
	       $j++;
	}
	echo '</div></td>

je gère l'apparition de la div avec Jquery (toggle).
Le problème est que cette div est visuellement au dessus des autres éléments quand elle apparait, mais réellement elle est en dessous...
c-a-d que si il y a 2 lignes dans le tableau et que je clic sur l'icone de la première ligne. la liste apparait par dessus la première case de la seconde ligne. Cette case contient un input text qui est au dessus des div de la liste ce qui fait que je ne peut pas clicker sur les items de la liste qui sont visuellement au dessus de ce input mais réellement en dessous...

La solution doit être simple à régler en css je pense mais je ne trouve pas.Quelqu'un aurai une idée??
Merci d'avance

il faudrait voir si le z_index de ton div et bien supérieur à celui de ton tableau ceci afin de passer au dessus des éléments.

Merci je connaissait pas cette propriété mais sa a réglé mon problème ! Merci