javascriptの質問です。表示が残ってしまう

質問

オンマウスでサブメニューを出すjavascriptを組んでいます。
Firefox、Safari、Operaで次の行動を起こすとサブメニューが残ったままになります。
IEだと特に問題は有りませんでした。
OSはXPです。

・オンマウスでサブメニューが開く
・サブメニューのリンクをクリックし、マウスは動かさずサブメニューが表示されたまま次のページへ
・ブラウザの戻るで元の画面に戻る
・サブメニューが残ったままになっている

原因が分かりません。アドバイスお願いします。

ソース

<style type="text/css">
.mainmenu{
visibility : visible;
width:200px;
position : relative;
z-index: auto;
}
.submenu{
visibility : hidden;
width : 200px;
top : -10px;
left : 100px;
position : absolute;
background-color:#FFF;
padding:10px;
border:1px solid #CCCCCC;
z-index: 1;
line-height:1.5em;
}
</style>
<SCRIPT language="JavaScript">
<!--
function showMenu(ss){
var getStyle = document.getElementById(ss);
getStyle.style.visibility = "visible"
}
function hiddenMenu(tt){
var getsStyle = document.getElementById(tt);
getsStyle.style.visibility = "hidden"
}
//-->
</SCRIPT>

<div class="mainmenu" onmouseover="showMenu('treeMenu1')" onmouseout="hiddenMenu('treeMenu1')">
<a href="URL1">■ <strong>メインメニュー１</strong></a>
<div class="submenu" id="treeMenu1">
<div><a href="URL1-1">サブメニュー１</a></div>
<div><a href="URL1-2">サブメニュー２</a></div>
<div><a href="URL1-3">サブメニュー３</a></div>
</div>
</div>

回答No.1

yamada_g · ベストアンサー

現象の原因まで分かりませんが、onunloadイベントでhiddenMenu()を実行してはどうでしょうか。

お礼

お礼がだいぶ遅くなりましたがありがとうございます。

onloadは既に試しましたがダメなようです。

回答No.2

yamada_g

>onloadは既に試しましたがダメなようです。
私はonunloadと書いていますが？

お礼

すみません間違えていたようです。

しかしonunloadでもうまく行きませんでした。
これ以上回答が出なそうなので一旦締め切ります。

有難う御座いました。