Changer un calque de position"absolute" en position"relative" dans OnClick

Salut tout le monde !
Je voudrais savoir comment je pourrais changer la position de mon calque...
en fait, je cherche à créer un menu....
Quand on clique sur l'image du menu1 par exemple, en dessous le sous-menu1 apparait et décale les autres menus vers le bas...

Je vous passe le code :
|----------------------------------------------|
<table width="150" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150"><div align="center"><img src="../pics/framleft/1.jpg" width="150" height="40" onclick="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')"; document.getElementById("menu1").style.position="absolute"/></div></td>
  </tr>
</table>

<div id="menu1" style="visibility:hidden; z-index:1; position:absolute">
<table width="150" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>3D Studio Max </td>
  </tr>
  <tr>
    <td>Maya</td>
  </tr>
</table></div>

<table width="150" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div align="center"><img src="../pics/framleft/2.jpg" width="150" height="40" onclick="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide')" /> </div></td>
  </tr>
</table>

<div id="menu2" style="visibility:hidden; z-index:1; position:absolute">
<table width="150" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Dessins Furry </td>
  </tr>
  <tr>
    <td>Dessins non Furry </td>
  </tr>
  <tr>
    <td>Brouillons</td>
  </tr>
</table></div>
|-------------------------------------------|

Voilà. Tout ce que je cherche à savoir c'est comment on place le style=position"relative"....
Quand je teste, j'ai le sous-menu1 qui se supperpose au menu2.... Argh... >.<

Amis du Jour Bonjour...

Essaies avec

var Obj = document.getElementById( 'le_div');
Obj.style.position="absolute";

;0)

EUH ! Pardon

Obj.style.position="relative";

;0)