Como lograr que una capa varie su posision top.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
#ayuda {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFCC;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000099;
border-right-color: #000099;
border-bottom-color: #000099;
border-left-color: #000099;
position: absolute;
visibility: hidden;
height: 300px;
width: 300px;
left: 50px;
top: 45px;}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<table width="100%" border="1">
<tr>
<td><a href="#" onmouseover="MM_showHideLayers('ayuda','','show')" onmouseout="MM_showHideLayers('ayuda','','hide')"> 1</a><div id="ayuda" >Esta es una prueba</div></td>
<td> </td>
</tr>
<tr>
<td><a href="#" onmouseover="MM_showHideLayers('ayuda','','show')" onmouseout="MM_showHideLayers('ayuda','','hide')"> 1</a><div id="ayuda" >Esta es una prueba</div></td>
<td> </td>
</tr>
<tr>
<td><a href="#" onmouseover="MM_showHideLayers('ayuda','','show')" onmouseout="MM_showHideLayers('ayuda','','hide')"> 1</a><div id="ayuda" >Esta es una prueba</div></td>
<td> </td>
</tr>
<tr>
<td><a href="#" onmouseover="MM_showHideLayers('ayuda','','show')" onmouseout="MM_showHideLayers('ayuda','','hide')"> 1</a><div id="ayuda" >Esta es una prueba</div></td>
<td> </td>
</tr>
</table>
</body>
</html>
que por cada <a href me aparezca la 'capa', en la posición actual.
Es posible?
Cualquier ayuda se agradece.
