jQuery Forum

Hi,
I have built a simple animation the works fine everywhere except in IE!
I wonder if someone might have look at my code and see if there is something obvious.

1. <script type="application/x-javascript">
   
   $(document).ready(function(){
   
   /* Using multiple unit types within one animation. */
   $("#bkgdimage").css( { opacity:0.0 } ).animate( { opacity: 1 }, 5000,
     function()
     {
       $("#center").css( { opacity:0.0 } ).animate({
       opacity: 1,
       marginLeft:"-315px",
       marginTop:"-100px",
       width:"288px",
       height:"286px"
       }, 3000, function() {
       $("#lowbar").show( 3000 )
       $("#titlebar").show( 3000 )
       $("#access").show( 3000 );
       });   
   });
   
     });
    
    $(document).ready(function(){
      $("ul.sf-menu").superfish();
        delay:     1000            // 1.2 second delay on mouseout
      }); 
   </script>
   

see it at:
http://sfxavier.org

The CSS is too long to post here so see above link to site to detect it with firebug or whatever you use.

Thanks in advance.