[問題] CSS做出的onmouseover(搭配JavaScript)

[CuteAmi (29歲內心22歲外表)]

http://140.112.190.83/auction/bdee/c_index.htm

如左區塊，移到子選項，還沒點到連結就立刻跳開，鬼打牆
其中與法如下
<div id="navigation">
<ul>
  <li class="parent" onmouseover="this.className='parentOn'" onmouseout=
  "this.className='parent'"><a>消息中心</a>
                <ul>
                    <li><a href="#">國內外新聞</a></li>
                    <li><a href="#">活動訊息</a></li>
                </ul>
  </li>

  <li class="parent" onmouseover="this.className='parentOn'" onmouseout="
  this.className='parent'"><a>關於計畫</a>
                <ul>
                    <li><a href="#">計劃緣由</a></li>
                    <li><a href="#">計畫目的</a></li>
                    <li><a href="#">計劃成果</a></li>
                </ul>
  </li>
............(略)
............(略)
</ul>
</div>
--------------------------------------------------------------------------

#navigation ul li.parent ul{display:none}
#navigation ul li.parentOn ul{display:block}

好像是javascript語法的問題，有大大知道嗎請指點迷津，謝謝^^
※ 編輯: CuteAmi         來自: 218.160.63.88        (12/16 22:07)
推 cloud1203:所以問題是什麼?希望點了再跳開?
→ cloud1203:onmouseover移到就跳開...很正常啊...
→ cloud1203:還是你要這種...<a href="javascript:function()">
→ CuteAmi:就是移到子選項它不會馬上跳開，現在是還沒點就跳開了><"
→ cloud1203:onclick?
→ TonyQ:子選項也要上onmouseover跟onmouseout啊 -_-;;