No me funcionan las variables

[Piccolina]

En lineas generales lo que tengo es una página que al ser cargada muestra con AJAX una tabla con los datos de los usuarios y un icono que si pulsas sobre él se abre una ventana emergente que te muestra el nombre de usuario y la descripción personal.

Una imagen por aquí que seguro que lo veis más claro... img204.imageshack.us/i/ejemploj.jpg/ (no os fijéis en el estilo que es pesimo jeje)

El problema es que cuando se pulsa sobre uno de los iconos y sale la ventana emergente, da igual cual se pulse, SIEMPRE se muestran los datos del primer usuario, no entiendo por qué, el paso de variables lo hago exactamente igual en la tabla y en la ventana emergente (modal) ,en cambio en la tabla sale bien

El código:

Código PHP:

  <?php 
// ... Conexión BD  
 
$datos=mysql_query("SELECT * FROM tabla",$con); 
 
echo "<table><tbody> 
<tr> 
  <td><input type=\"checkbox\" name=\"checkbox0\" value=\"checkbox\" onClick=\"todos(this);\" /></td> 
  <td><p><strong><span> Usuario </span></strong></p></td>                                         
  <td><p><strong><span> Otros </span></strong></p></td> 
</tr>"; 
$var=1;         
while($query = mysql_fetch_array($datos)){ 
  echo "<tr> 
    <td><input type=\"checkbox\" name=\"checkbox".$var."\" value=\"checkbox\" /></td> 
    <td>".$query['usuario']."</td> 
    <td>"; 
  if($query['descripcion'] != NULL){ 
    echo "<a href = \"javascript:void(0)\" onclick =\"document.getElementById('light').style.display='block'; 
      document.getElementById('fade').style.display='block'\"> 
    <img border=\"0\" height=\"16\" width=\"16\" type=\"image\" src=\"../../img/page.png\"/> 
    </a>"; 
    echo "<div id=\"light\" class=\"modal\"> 
     <table><tbody> 
     <tr> 
      <td><strong> Usuario: </strong>".$query['usuario']."</td> 
      <td><a href = \"javascript:void(0)\" onclick =\"document.getElementById('light').style.display='none'; 
         document.getElementById('fade').style.display='none'\"> 
       <img type=\"image\" src=\"../../img/back.png\"/></a></td> 
     </tr>       
     <tr> 
      <td colspan=\"2\"><strong> Descripcion: </strong></td> 
     </tr> 
     <tr> 
      <td rowspan=\"2\" colspan=\"2\">".$query['descripcion']."</td> 
     </tr> 
     </tbody></table> 
    </div> 
   </td> 
 </tr>";                                 
 } 
 else  
   echo "<img border=\"0\" height=\"16\" width=\"16\" type=\"image\" src=\"../../img/noreason.png\"/> 
   </td> 
   </tr>"; 
   ++$var; 
} 
echo "</tbody></table>"; 
?>