Vysunovací menu

<main class="main2">
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="historie.html">Historie</a></li>
                    <li><ul>
                        <li><a href="#">historie</li>
                        <li><a href="#">historie</li>
                        <li><a href="#">historie</li>
                    </li></ul>
                <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>

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

nav{
    height:42px;
    background-color:#ffffff;
    border-radius:8px;
}

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:hover ul{
    display:block;
}

nav ul ul{
    display:none;
    position:absolute;
    background-color:#ffffff;
    
}

nav ul ul li{
    display:block;
}
nav ul ul li a,visited{
    color: #ccc;
}

nav ul ul li a:hover{
color: #099;    
}

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