Ahoj, dělám webové stránky a potřeboval bych udělat vysunovací menu. Na internetu je toho hodně, jenomže já už mám udělané normální menu a potřebuju do jedné záložky přidat to vysunování... Poradí mi někdo prosím vás jak to mám udělat? Nemůžu na to přijít protože každý to děla trošku jinak a nějak mi to nejde spojit :(

soubor .CSS mám zvlášť

tady je uryvek kodu:

<main class="main2">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="historie.html">Historie</a></li>
<li><a href="vyborsdh.html">Výbor SDH</a></li>
<li><a href="#">nic</a></li>
<li><a href="#">nic</a></li>
</ul>
</nav>

</main>

a soubor .css

.main2 {
font-family: Stencil;
width: 1000px;
position: center;
margin: 0 auto;
}

nav ul {
list-style:none;
}

nav ul li a{
float:left;
text-decoration:none;
color:#000000;
padding:0px 40px;
text-align:center;
line-height:42px;
height:42px;
}


nav ul li a:hover{
background-color:#dcdcdc;
color:#ff8c00;
border-radius:8px;
}