JQuery Menu Not Working in IE8

JQuery Menu Not Working in IE8

Anyone know why my jQuery IE8 menu isn't working? Works in FF:

HTML:

  1. <html>
  2.   <head>
  3.     <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  4.     <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  5.     <script langugage="javascript" src="javascripts/jquery.js"></script>
  6.     <script langugage="javascript" src="javascripts/page.js"></script>
  7.   </head>
  8.   <body>
  9.           <div id="menu">
  10.             <ul>
  11.               <li><a href="#about">About</a></li>
  12.               <li><a href="#work">Work</a></li>
  13.               <li><a href="#contact">Contact</a></li>
  14.               <li><a href="#blog">Blog</a></li>
  15.               <li><a href="#twitter">Twitter</a></li>
  16.             </ul>
  17.           </div>
  18.   </body>
  19. </html>

JS:

  1. $(document).ready(function() {
  2.   $("#menu").animate({top: 0}, 500);
  3.  
  4.   $("#menu a").click(function(e) {
  5.     anchor = $(this).attr("href");
  6.     e.preventDefault();
  7.     $('html, body').animate({ scrollTop: $(anchor).offset().top}, 1000);
  8.   });
  9. });

CSS:

  1. #menu ul {
  2.   opacity: 1;
  3.   list-style: none;
  4.   list-style-type: none;
  5. }
  6. #menu ul li {
  7.   list-style-image: none;
  8.   list-style-type: none;
  9.   margin-left: 0px;
  10. }
  11. #menu ul, #menu ul li {
  12.   margin: 0px;
  13.   padding: 0px;
  14.   display: inline;
  15. }
  16. #menu ul a {
  17.   /*      margin-top: -3em;*/
  18.   text-decoration: none;
  19.   border-top: 8px solid #fff;
  20.   display: block;
  21.   float: left;
  22.   margin-right: 1em;
  23.   padding-top: 0.5em;
  24.   font-size: 0.6em;
  25.   width: 5em;
  26.   letter-spacing: 0.2em;
  27.   background: transparent;
  28. }
  29. #menu ul a:hover {
  30.   border-color: #f89805;
  31. }