Разворачивание списков

Такая конструкция:
<ul>
<li class="" id="id1" onMouseOver="show('id1');"  onMouseOut="hide('id1');">
<ul style="display: none;">
 <li></li>
</ul>
</li>
<li class="" id="id2" onMouseOver="show('id2');"  onMouseOut="hide('id2');"></li>
</ul>

где функция show() меняет класс li на "active", который в свою очередь меняет стиль <ul> на display: block,  а hide cоответственно его выключает.

Проблема в том, что при переходе мыши на внутренний <ul> почему-то срабатывает onMouseOut. Что делать?