I have a div that will fade in and out on hover in FF, but in IE7 it just hides and shows with no animation. Here is my code:

#nav-buttons {
    display:none;
    width:894px;
    position:relative;
    z-index:1000;
}

----------
<div id="contents">
<div id="nav-buttons">
    <a href="javascript:void(0)" id="left-button"></a>
    <a href="javascript:void(0)" id="right-button"></a>
</div>
 other html....
</div>

----------

$(document).ready(function() {                  
    $("#contents").hover(function() {
        $("#nav-buttons").fadeToggle("slow");
    });
});