[Resolvido] Menu DropDown = Botão Entrar do FÓRUM

Bom dia pessoal, então axo que o título é bem explicativo correto?

O que queria fazer era um menu DROPDOWN, que descesse para baixo assim como este botão entrar que temos no fórum, para logar.

Eu até axxei alguns exemplos na net de como fazer dropdown, e consegui realizálos. Mas nenhum que fosse como este:

Aqui tenho uma imagem de como o Menu deve ser:

/applications/core/interface/imageproxy/imageproxy.php?img=http://colegioespacocultural.net/menus.jpg&key=24bdaba2269ddef96e018b2a0ecc377d8cbc89528f6a16d33e95b7f7dc000731" alt="Imagem Postada" />

Esta Parte "Nosso colégio" Ficaria a mostra (Assim como o botão Entrar do Fórum), e quando o mouse passa-se sobre ele, fazer este drop down, mostrando os sub-itens acimado do LI pai, e movendo o LI pai para baixo.

Imagino que devo usar jquery com isto, o que seráum pouco fácil, pois já tenho trabalhado com ele.

o meu html da lista é simples:

<ul class="menu">
 <li><a href="#"><span>Início</span></a></li>
 <li><a href="#"><span>Institucional</span></a></li>
 <li><a href="#"><span>Nosso Colégio</span></a>
 <ul>
 <li><a href="#"><span>3.1</span></a></li>
 <li><a href="#"><span>3.2</span></a></li>
 <li><a href="#"><span>3.3</span></a></li>
 <li><a href="#"><span>3.4</span></a></li>
 <li><a href="#"><span>3.5</span></a></li>
 </ul>
 </li>
 <li><a href="#"><span>Parceiros</span></a></li>
 <li><a href="#"><span>Contato</span></a></li>
</ul>