Menu déroulant vertical

Bonjour,

J'utilise 3 div pour afficher une barre qui reste visible en haut de la page

<div class="left" align="left">Bienvenue <?php echo $login; ?></div>
<div class="center" align="center"><a href="index.php"><font color="FEF600">Navigation</font></a> | <a href="liste-membres.php"><font color="FEF600">Liste des membres</font></a> | <a href="partenaires.php"><font color="FEF600">Partenaires</font></a> | <a href="support.php"><font color="FEF600">Support</font></a></div>
<div class="right" align="right"><a href="connexion.php"><font color="green">Connexion</font></a> - <a href="inscription.php"><font color="orange">Inscription</font></a></div>

et le css des 3 div

div.left
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
left: 0;
text-align: left;
position: fixed;
width: 15%;
}

div.center
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
left: 15%;
text-align: center;
position: fixed;
width: 70%;
}

div.right
{
background-image: url(../images/fbg.png);
color: #ffffff;
top: 0;
right: 0;
text-align: right;
position: fixed;
width: 15%;
}

Je souhaiterais, afficher le menu comme menu déroulant quand on clique sur "Navigation".

Voici la barre actuellement : http://nsa31.casimages.com/img/2013/02/25//130225124400618696.png
Comment je vois le menu déroulant : http://nsa32.casimages.com/img/2013/02/25//130225124500930485.png

Pourriez-vous m'aider sur les différente possibilités pour arrivé au résultat voulu ?

Merci d'avance.