onmouseover无法在IE9中工作

Question

onmouseover无法在IE9中工作。控制台抛出这个errror：

SCRIPT5007：无法设置属性“的onmouseover”的值：对象为空或未定义

这里是我的代码：

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; 

我不知道为什么会造成问题，但它是。当我在本地进行测试时，情况至少如此。