DIV onmouseout

[buonste]

Problema:

  function HideContent(d) {
    if(d.length < 1) { return; }
    var dd = document.getElementById(d);
    dd.style.display = "none";
  }
  function ShowContent(d) {
    if(d.length < 1) { return; }
    var dd = document.getElementById(d);
    dd.style.display = "block";
  }

Visualizza Tooltip
<div id='ste' style='display:none; position:absolute;' onmouseout='HideContent(\"ste\");'>
  <table>
    <tr><td>R1C1</td><td>R1C2</td></tr>
    <tr><td>R2C1</td><td>R2C2</td></tr>
  </table>
</div>

Come faccio a triggerare l'evento HideContent('ste') solo quando il mouse esce dal DIV (verso l'esterno) e non anche quando entra nel tag TABLE?

Anticipatamente grazie,
Stefano

[Xinod]

studi l' oggetto event ed in particolare come gestire il relatedTarget/toElement in maniera crossbrowser
ciao