Закругленное горизантольное меню на jQuery

<script type="text/javascript" src="/menu.js"></script>
  <link type="text/css" href="/menu.css" rel="stylesheet" />
</head>

<ul class="menu">
  <li><a href="#" class="parent"><span>Главная</span></a> </li>
  <li><a href="#" class="parent"><span>Папка 1</span></a>
  <div><ul>
  <li><a href="#"><span>Подменю 1</span></a>  
  </li>
  <li><a href="#"><span>Подменю 2</span></a>  
  </li>
  <li><a href="#"><span>Подменю 3</span></a></li>
  <li><a href="#"><span>Подменю 4</span></a></li>
  <li><a href="#"><span>Подменю 5</span></a></li>
  <li><a href="#"><span>Подменю 6</span></a></li>
  <li><a href="#"><span>Подменю 7</span></a></li>
  </ul></div>
  </li>
  <li><a href="#"><span>Ссылка</span></a></li>
  <li class="last"><a href="#"><span>Ссылка</span></a></li>
  </ul>