oprava menu

mám menu:
kód:
<div id="navigace">
<div class="menu" style="padding-bottom:2px;">
<font class="nadpis">
<b>Menu</b>
</font>
</div>
<div class="menu">
<a href="index.php" class="nav">&nbsp;Úvod</a>
<a href="historie.php" class="nav">&nbsp;Historie</a>
<a href="manicky.php" class="nav">&nbsp;Máničky</a>
<a href="blacksun.php" class="nav">&nbsp;Black Sun</a>
</div>

css:
#navigace {
float: left;
width: 150px;
height: auto;
margin-bottom: 5px;
}
.menu {
float: none;
width: 100%;
min-height: auto;
text-align: center;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #676767;
background: #242424;
}
a {
color: #6a6a6a;
text-decoration: none;
width: auto;
}
a:hover {
color: #008800;
text-decoration: underline;
}
a.nav, a.nav:visited, a.nav:link {
color: black;
text-decoration: none;
background: #242424;
text-align: left;
display: block;
width: 100%;
font-weight: bold;
line-height: 25px;
margin: 0px;
font-size: 10pt;
color: #CE9B40;
}
a.nav:hover {
color: black;
background: #e0dfdf;
padding-top: 0px;
padding-bottom: 0px;
}

no a teď bych potřeboval aby když se najede na máničky tak aby do prava vyjeli tři odkazy a to samý u black sun. No porstě aby vyjela nová nabídka

kdo by se chtěl kouknout na web tak je Tady