Неправильно срабатывает onmouseout

[Slavenin]

Всем доброго времени суток!

Есть простенький див с вложенной в него таблицей, который создается программно в нужном месте.

<DIV id="submenu" class="submenu">
  <TABLE>
    <TBODY>
      <TR>
        <TD>
          <A href="sub1.php">Подменю1</A>
        </TD>
      </TR>
      <TR>
        <TD>
          <A href="sub2.php">Подменю2</A>
        </TD>
      </TR>
      <TR>
        <TD>
          <A href="sub3.php">Подменю3</A>
        </TD>
      </TR>
    </TBODY>
  </TABLE>
</DIV>

далее я прописываю ему обработчик

var obj = document.getElementById('submenu')
obj.onmouseout = subHandler;

который должен удалять этот див. Проблема в том, что событие срабатывает не когда курсор выходит за пределы дива, а когда он заходит во вложенную таблицу о_О. Теоретически понятно, что таблица это уже другой элемент, но как тогда сделать чтобы событие срабатывало только на выходе из дива? Пробовал прописать событие таблице, результат тот же, только срабатывание происходит при наведении на строку.

[dmitriymar]

mouseleave

[Slavenin]

dmitriymar,
благодарю! даж не слышал о таком событии
в опере, ие и мозиле - работает, в хроме - нет, хотя событие прописалось, но вызова обработчика не происходит

[dmitriymar]

посмотри доки по событиям для хрома. я с этим событием не работал-не знаю ,возможно в хроме у него другое название

[dmitriymar]

не только хром.походу и в фф5, сафари тоже молчит...

[Slavenin]

название у него такое же, нашел тему на багтрекере хрома, вроде как эту проблему пофиксили, но событие не отрабатывает, может кто сталкивался с этим?

[melky]

ну так детектите сами , что поддерживается

var el = document.createElement('div');

alert([ 'onmouseout' in el, 'onmouseleave' in el ])

Chrome 12: true, false

...
может вы всплытие не учитываете?

<DIV id="submenu" class="submenu" style="border:1px solid">
  <TABLE>
    <TBODY>
      <TR>
        <TD>
          <A href="sub1.php">Подменю1</A>
        </TD>
      </TR>
      <TR>
        <TD>
          <A href="sub2.php">Подменю2</A>
        </TD>
      </TR>
      <TR>
        <TD>
          <A href="sub3.php">Подменю3</A>
        </TD>
      </TR>
    </TBODY>
  </TABLE>
</DIV>
<script>
var obj = document.getElementById('submenu')
obj.onmouseout = function(e){
    if( e.target.id == "submenu")
        alert( "yahoo!" );
}
</script>