wrapper on the fritz

hello, i want to know why is that when i use "onmouseout" on my wrapper, as soon as i step outside an element in my wrapper it triggers that function.
now i know this forum doesn't include js but i believe that the answer involves purely css.

#wrapper
{
position:relative;
background-color:#DDDAD3;
margin-right:100px;
margin-left:100px;
top:40px;
margin-bottom:0;
height:500px;
}

HTML:

<div id="wrapper" style="left: 83px; width: 907px; top: -54px; height: 700px">
  <div id="header"><img src="images/para.jpg" alt="paradise" style="width: 100%; height: 175px" /></div>
  <div class="drop1"></div>
    <div id="menu" style="left: -39px; width: 196px; top: 29%; height: 21%; z-index:1;">
     <ul>
     <li class="color" onmouseout="montre()">תפריט</li>
     <li onmouseover="montre('submenu1')">פריט</li>
      <li onmouseover="montre('submenu2')">פריט</li>
      <li onmouseover="montre('submenu3')">פריט</li>
      <li class="color" onmouseout="montre()"></li>
       </ul>
   </div>
   
   
   <div id="gallery" style="left: 196px; top: 143px; height: 138px;">
   <img src="images/protoz.jpg" alt="fish" id="chu" style="width: 100%; height: 142px; padding:1px;"  onmouseover="clearGallery()" onmouseout="movie()"/>
   
   
   </div>
   
   <div class="submenu" i
....
....
...
it's really long and irrelevant to my poor understanding.

HTML:

thank you.