Menus e sub-menus

[HoudinY]

Boa tarde, eu estou a fazer um website pessoal e deparei-me com uma dificuldade. Anexei uma imagem do que quero fazer quando o rato passar por cima do botão do meio do meu menu, mas não estou a ver como vou estruturar as tabelas em css.

http://img23.imageshack.us/img23/4130/68192118.png

este é o meu código do menu, os projectos vao ser adicionados por php, não é uma prioridade

<div id='cssmenu'>
<ul>
<li><a href='index.html'><span>Sobre Mim</span></a></li>
<li class='has-sub'><a href='#'><span>Projectos</span></a>

<ul>
<li><a href='#'><span>Jogos</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>



<li><a href='#'><span>Aplicações</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>


<li><a href='#'><span>Websites</span></a></li>
<ul>
<li><a href='#'><span></span></a></li>
<li class='last'><a href='#'><span></span></a></li>
</ul>
</ul>
</li>
<li class='last'><a href='#'><span>Contactos</span></a></li>
</ul>
</div> <!--menu-->

Cumprimentos,

Carlos

EDIT: Não tenho nada de CSS a não ser o tipo de letra e tamanho.

O rascunho está disponivel em carloscosta.tk

Edited February 16, 2013 at 06:27 PM by HoudinY

[ktunex]

vais fazer com tabelas?