<div> geht durch die tabelle durch und nicht außen rum...?!

[Benjamin Marten]

Hallo.
Ich habe ein Problem bei meinem Projekt. Ich habe ein Menü gecodet mit Javascript welches Tabellen einblendet und ausblendet. Ich habe hier nochmal zum verdeutlichen meiner Frage/Problem ein kleines Beispiel geschrieben:

<div onMouseOut="javascript:alert('<div> verlassen')">
  <table border="1" width="100%">
  <tr>
   <td>asdf</td>
  </tr>
  <tr>
   <td>asdf</td>
  </tr>
  <tr>
   <td>asdf</td>
  </tr>
  </table>
</div>

Nach meiner Auffassung wäre es logisch Wenn das Javascript-Alert Fenster nur einmal - und zwar beim Verlassen der Tabelle(mit dem Mauszeiger) erscheint.
Allerdings ist es so, dass das Alert andauernd auch zwischen den Zellen erscheint.

Meine Frage warum ist das so und gibt es ne Möglichkeit dass das mouseout event nur ausgelöst wird wenn man einen bestimmten Bereich verlässt und nicht auch zwischendrin?

So etwa:

----------------------
|                     |
|        Inhalt       |
|                     |
| nur beim Verlassen  |

dieses Kastens alert

Mit freundlichen Grüßen
Benjamin Marten