Красивое CSS / jQuery меню для сайта

<link rel="stylesheet" href="main_menu/css/style.css" type="text/css" charset="utf-8"/>

<ul id="navigation">
  <li class="home"><a href="Адрес ссылки"><span>Home</span></a></li>
  <li class="about"><a href="Адрес ссылки"><span>About</span></a></li>
  <li class="search"><a href="Адрес ссылки"><span>Search</span></a></li>
  <li class="photos"><a href="Адрес ссылки"><span>Photos</span></a></li>
  <li class="rssfeed"><a href="Адрес ссылки"><span>Rss Feed</span></a></li>
  <li class="podcasts"><a href="Адрес ссылки"><span>Podcasts</span></a></li>
  <li class="contact"><a href="Адрес ссылки"><span>Contact</span></a></li>
</ul>

<script type="text/javascript" src="main_menu/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(function() {
  var d=300;
  $('#navigation a').each(function(){
  $(this).stop().animate({
  'marginTop':'-80px'
  },d+=150);
  });
   
  $('#navigation > li').hover(
  function () {
  $('a',$(this)).stop().animate({
  'marginTop':'-2px'
  },200);
  },
  function () {
  $('a',$(this)).stop().animate({
  'marginTop':'-80px'
  },200);
  }
  );
  });
  </script>