javascript - onmouseoverthrowsオブジェクトがnullまたは未定義です

Question

onmouseoverIE9では動作しません。コンソールはこのエラーをスローします：

SCRIPT5007：プロパティ'onmouseover'の値を設定できません：オブジェクトがnullまたは未定義です

これが私のコードです：

window.onload = function()
{
var FB;
FB = document.getElementById('facebook_logo');
FB.onmouseover=function(){FB.src='images/facebook.png';};
FB.onmouseout=function(){FB.src='images/facebook_mono.png';};
}

これが実際のページです。 troythibodeaux.com/websites/mytappap/

ナビゲーションバーのFacebookアイコンは、カーソルを合わせると切り替わるはずですが、IE9では機能しません。IE7、8、Firefox、Chromeで動作するようです。

どんな助けでもいただければ幸いです。

Answer 1

ローカルでエラーを再現することができましたが、CSSファイルが含まれていない場合はエラーが発生しないことがわかりました。次に、どのCSSルールが問題を引き起こしているのかを見つけました。それはこのルールです#nav：

-moz-border-radius: 7px;

なぜそれが問題を引き起こしているのかわかりませんが、そうです。少なくとも、私がローカルでテストしたときはそうでした。