Trabajo en un proyecto escolar e intento hacer un menu contextual dentro de una ventana modal popup (los datos se cargan dinamicamente) que a su vez tiene una tabla dentro. Mi problema radica en la posición en que se muestra el menú contextua, alguna idea de por que me sucede esto ?

Como pueden observar no importa el renglón de la tabla donde de clic derecho el menú siempre se muestra en esa posición, Este es el código para el menú

HTML

<ul id="menuCapa" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">   <li role="presentation">     <a role="menuitem" tabindex="-1" href="#" onClick="restauraCapa();">Restaurar</a> </li>  <li role="presentation" class="divider"></li>  <li role="presentation">     <a role="menuitem" tabindex="-1" href="#" onClick="eliminaCapa();">Eliminar</a> </li> 

ASÍ MANDO LLAMAR LA FUNCIÓN QUE ACTIVA EL MENÚ

<tr class="abajo">             <td>1</td>             <td onMouseDown="menu(event)">El conocimiento escolar</td>             <td>El conocimiento escolar</td>             <td>Los alumnos desarrollaran recursos didacticos</td>         </tr>  

FUNCION JS

    function menu(event) {     $  ("#menuCapa").css("top", event.clientY);     $  ("#menuCapa").css("left", event.clientX);     $  ("#menuCapa").show('fast');      } 

DE ANTEMANO GRACIAS POR LA AYUDA