coordinate per div affiancati

[stiffa]

ciao .
ho due div cne mi fanno da menu. Purtroppo sono inesperto sui css ..cmq.

ognuno di questi div ha dei div interni per fare le voci del menu..ma questo non interessa.
VEdiamo il codice da vicino

<div id="ie5menu" onmouseOver="showMenu(portMenu)">
<div class="menuitems" url="#">Start</div>
<div class="menuitems" url="#">Stop</div>
<div class="menuitems" url="#">Edit</div>
<div class="menuitems" url="deleteConn.php">Delete</div>
<hr>
<div class="menuitems" url="editConn.php">Proprieties</div>
</div>

<div id="portMenu" onClick="jumptoie5()">
<div class="menuitems" url="addSession.php">Add Session</div>

<hr>
<div class="menuitems" url="editPort.php">Proprieties</div>
</div>

//poi i css
 #ie5menu {
  position:absolute;
  width:140px;
  border:2px solid black;
  background-color:menu;
  font-family:Verdana;
  line-height:20px;
  cursor:default;
  visibility:hidden;
}

#portMenu {
  position:absolute;
  width:140px;
  border:2px solid black;
  background-color:menu;
  font-family:Verdana;
  line-height:20px;
  cursor:default;
  visibility:hidden;
}


//e poi la funzione sull'onmouseover del primo menu
function showMenu(menu){
menu.style.left=document.body.scrollLeft+event.clientX;
 menu.style.top=document.body.scrollTop+event.clientY;
  menu.style.visibility="visible";
  return false;

} 

quello che vorrei e' che il menu 2 che appare all'onmouseover deve essere esattamente adiacente al primo (il lato destro di menu 1 tocchera lato sinistro di menu 2).


Spero si sia capito un po....


grazie ciao