onmouseover不在IE9中工作

Question

onmouseover无法在IE9中运行。控制台抛出这个错误：

SCRIPT5007：无法设置属性'onmouseover'的值：object为null或undefined

这是我的代码：

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，FF和Chrome中使用。

任何帮助都将不胜感激。

Answer 1

我能够在本地重现错误，并发现当不包含CSS文件时不会发生错误。然后我找出导致问题的CSS规则。这是#nav的规则：

-moz-border-radius: 7px;

我不确定为什么会导致这个问题，但事实确实如此。至少在我本地测试时就是这种情况。