在此页面上http://intelligen.info/index.html我有以下代码，当用户将鼠标悬停在顶部的菜单上时，该代码会将内容淡化为不透明度0.3。
我在本网站的每个页面都有相同的代码，它适用于Firefox。但是在safari上它适用于除索引和关于页面之外的每个页面。同样在chrome中你可以看到导航淡入淡出的背景区域，但不能看到其他内容。
请帮忙解决这个问题吗？
$("#nav").hover(
function () {
$(".content").fadeTo(1,0.3);
},
function () {
$(".content").fadeTo(0.3,1);
}
);
<body>
<div id="logo">
<a href="index.html" title="home">Isabella<br/>
Cotier</a>
</div>
<ul id="nav">
<li>
<a id="lfw-link" href="london-fashion-week.html">
Live at London Fashion Week
</a>
<nav id="lfw-nav">
<a href="london-fashion-week.html">
SEE ALL
</a>
<a href="lcm-menswear.html">
Menswear Fashion Week (LCM)
</a>
<a href="vivienne-westwood-2013.html">
Vivienne Westwood 2013
</a>
<a href="paul-smith.html">
Paul smith
</a>
<a href="house-of-holland.html">
House of Holland
</a>
<a href="roksanda.html">
Roksanda
</a>
<a href="julien-mcdonald.html">
Julien Mcdonald
</a>
<a href="vivienne-westwood-2012.html">
Vivienne Westwood 2012
</a>
<a href="2012-lfw.html">
London Fashion Week 2012
</a>
</nav>
</li>
<li>
<a id="clients-link" href="clients.html">
Clients / Press
</a>
<nav id="clients-nav">
<a href="clients.html">
SEE ALL
</a>
<a href="edward-sharpe.html">
Edward Sharpe and the magnetic zeros
</a>
<a href="tank-magazine.html">
Tank Magazine
</a>
<a href="volt-magazine.html">
Volt Magazine
</a>
<a href="poplin.html">
Poplin
</a>
<a href="dash-magazine.html">
Dash Magazine
</a>
<a href="tank-o-magazine.html">
O Tank Magazine
</a>
<a href="grit-magazine.html">
Grit Magazine
</a>
<a href="gieves-and-hawkes.html">
Gieves and Hawkes
</a>
</nav>
</li>
<li>
<a id="personal-link" href="personal.html">
Personal
</a>
<nav id="personal-nav">
<a href="personal.html">
SEE ALL
</a>
<a href="instagram-randoms.html">
Instagram Randoms
</a>
<a href="head-in-the-clouds.html">
Head in the Clouds
</a>
<a href="restless.html">
Restless
</a>
<a href="acne-sample-lookbook.html">
Acne Sample LookBook
</a>
<a href="men-interupted.html">
Men Interupted
</a>
</nav>
</li>
<li>
<a id="video-link" href="tank-magazine-stop-motion.html">
Video
</a>
<nav id="video-nav">
<a href="tank-magazine-stop-motion.html">
Tank Magazine Stop Motion
</a>
</nav>
</li>
<li>
<a href="about.html">
About
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
<div class="content">
<div id="grid-section" class="editable">
<a title=" " class="repeatable" href="images/home page images/img022 copy.jpg" data- lightbox-gallery="gallery1"><img width="122" src="images/home page images/img022 copy.jpg" alt="Head in the Clouds"/></a>
<a title=" " class="repeatable" href="images/home page images/img0066 2.jpg" data-lightbox-gallery="gallery1"><img width="150" src="images/home page images/img0066 2.jpg" alt="Head in the Clouds"/></a>
<a title=" " class="repeatable" href="images/home page images/Screen Shot 2014-02-02 at 17.06.36.png" data-lightbox-gallery="gallery1"><img width="230" src="images/home page images/Screen Shot 2014-02-02 at 17.06.36.png" alt="Tank Magazine"/></a>
<a title=" " class="repeatable" href="images/home page images/Scanned Image-45.jpg" data-lightbox-gallery="gallery1"><img width="120" src="images/home page images/Scanned Image-45.jpg" alt="Vivienne Westwood"/></a>
<a title=" " class="repeatable" href="images/home page images/wwestwoodsmallist.jpg" data-lightbox-gallery="gallery1"><img width="133" src="images/home page images/wwestwoodsmallist.jpg" alt="Vivienne Westwood"/></a>
<a title=" " class="repeatable" href="images/home page images/LOOKBOOK ALL FINAL3_3.jpg" data-lightbox-gallery="gallery1"><img width="200" src="images/home page images/LOOKBOOK ALL FINAL3_3.jpg" alt="Acne Sample LookBook"/></a>
<a title=" " class="repeatable" href="images/home page images/img025.jpg" data-lightbox-gallery="gallery1"><img height="170" src="images/home page images/img025.jpg" alt="Roksanda"/></a>
<a title=" " class="repeatable" href="images/home page images/Isabella 11.jpg" data-lightbox-gallery="gallery1"><img height="170" src="images/home page images/Isabella 11.jpg" alt="Menswear Fashion Week"/></a>
<a title=" " class="repeatable" href="images/home page images/pimg006.jpg" data-lightbox- gallery="gallery1"><img height="170" src="images/home page images/pimg006.jpg" alt="Paul Smith"/></a>
<a title=" " class="repeatable" href="images/home page images/img026.jpg" data-lightbox-gallery="gallery1"><img width="200" src="images/home page images/img026.jpg" alt="Roksanda"/></a>
<a title=" " class="repeatable" href="images/home page images/ssphotoshopimg001.jpg" data-lightbox-gallery="gallery1"><img src="images/home page images/ssphotoshopimg001.jpg" width="170" alt="Vivenne Westwood 2013"/></a>
<a title=" " class="repeatable" href="images/home page images/ps double2 copy.jpg" data-lightbox-gallery="gallery1"><img width="320" src="images/home page images/ps double2 copy.jpg" alt="Vivenne Westwood 2013"/></a>
<a title=" " class="repeatable" href="images/home page images/headinthecloudsyellow copy.jpg" data-lightbox-gallery="gallery1"><img width="130" src="images/home page images/headinthecloudsyellow copy.jpg" alt="Head in the Clouds"/></a>
<a title=" " class="repeatable" href="images/home page images/smallimg024.jpg" data-lightbox-gallery="gallery1"><img width="120" src="images/home page images/smallimg024.jpg" alt="Roksanda"/></a>
</div>
</div>