[CSS/HTML] Menu déroulant

Bonjour,
Ayant fouiller de tous les côtés sur le web pour m'aider, je ne parviens pas a faire ce que je désire.
Je souhaiterais cela : (le menu horizontal qui se "déplit" verticalement) Exemple :
http://img267.imageshack.us/img267/9851/exemplel.png
Enfaite, ce serait une barre-menu avec des boutons bleus (par exemple) et quand on passerait la souris dessus le bouton changerait de forme et de couleur, et le menu se déplierait dessous en suivant la forme du bouton. Je ne sais pas si je suis très claire...
En gros je voudrais réussir a faire le menu sur l'image du dessus.
Si quelqu'un avait l'énorme gentillesse de me fournir le code css et/ou html, je lui en serait très reconnaissante.

Merci énormément par avance, cela fait des semaines que je cherche.

Cordialement, Elerra.