ウェブサイト制作について質問です。

IE7だけでなくWindows版のIE全体の仕様（？）の影響と考えられます。「IEで position:absolute した要素が消えるバグ」を参考にしてください。

対策としては、

#navbar{
position: relative;
}

とするのが手っ取り早いのですが、メニューバーの位置を絶対座標で指定されているのでしょうか？　その場合は、個別の要素を position:absolute 指定することで、何とか調整してみてください。

たぶん、ここで質問されている問題と同じではないかと。

同じ解決策ではどうでしょう。Timeoutを設定して過敏反応を緩和する感じですね。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1015339...

まあ，メニュー開いたら，クリックするまで閉じない(onmouseoutはつかわない)ようにするのもありかなと思いますが。

メニューを開いたら，クリックするまで閉じない，でよければこんな感じでまあそれっぽく動きます。

(WindowsVista sp1, IE7 で確認 - 大なり小なりは半角に置換してください)

＜script language="javascript"＞

function sswch(id,p){document.getElementById(id).style.visibility=p;return true;}

＜/script＞

＜/head＞

＜body onclick="sswch('n_pop','hidden')"＞

＜div id="navbar"＞

＜div class="menu"＞

＜h2 onclick="sswch('n_pop','visible')" onmouseover="sswch('n_pop','visible')"＞＜a href="#"＞News＜/a＞＜/h2＞

＜ul id="n_pop"＞

＜li＞＜a href="#" onclick="sswch('n_pop','hidden')"＞ニュース＜/a＞＜/li＞

＜li＞＜a href="#" onclick="sswch('n_pop','hidden')"＞ニュース＜/a＞＜/li＞

＜li＞＜a href="#" onclick="sswch('n_pop','hidden')"＞ニュース＜/a＞＜/li＞

＜li＞＜a href="#" onclick="sswch('n_pop','hidden')"＞ニュース＜/a＞＜/li＞

＜/ul＞

＜/div＞

＜/div＞

凝りたければこんなのもあります。(IE7でもFirefox2でも動きました)

http://hyper-text.org/archives/2006/12/slide_menu_javascript.sht...