淡入背景色jquery a:悬停

这个功能运行良好。但我是如何在导航中得到这些的。A:悬停 当鼠标悬停在链接上时，我不想用淡入淡出来改变背景？我用css尝试过，但在Internet explorer中不起作用

-----------------------
.boxes {
 background:#fff;
 border:1px solid #ccc;
 float:left;
 padding:10px;
 position:relative;
 width:510px;
}

-----------------------
<script type="text/javascript">
$(document).ready(function(){
    $(".boxes").hover(function() {
            $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800);
            },function() {
            $(this).stop().animate({ backgroundColor: "#ffffff" }, 800);
            });
 });

</script>
----------------------------
   <div class="boxes">
    <div class="info">
    <h3>test</a> </h3>
    </div> </div>
     -------------------------

-----------------------
.盒子{
背景：#fff；
边框：1px实心#ccc；
浮动：左；
填充：10px；
位置：相对位置；
宽度：510px；
}
-----------------------
$（文档）.ready（函数（）{
$（“.box”）.hover（函数（）{
$（this.stop（）.animate（{backgroundColor:#a7bf51“}，800）；
}，函数（）{
$（this.stop（）.animate（{backgroundColor:#ffffff“}，800）；
});
});
----------------------------
试验
-------------------------

---

航行

<div id="mitte">
<ul class="nav">
<li><a href="#">About Us</a></li>
  <li><a href="#">Our Products</a></li>
  <li><a href="#">FAQs</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Login</a></li>
 </ul>
 </div>

使用父项>子项选择器：

 $(".nav > a").hover(function() { 
            $('.nav').stop().animate({ backgroundColor: "#a7bf51"}, 800); 
            },function() { 
            $('.nav').stop().animate({ backgroundColor: "#ffffff" }, 800); 
            }); 

对于您的导航：

$("#mitte ul li a").hover(function() ...);

如果必须在框中使用此选项，只需定义：

$("#mitte ul li a").add(".boxes").hover(function() ...);

---

感谢您的快速帮助：-）