Menu a comparsa css

Ecco il mio problema...
Io ho un menu che quando passo sopra a una voce mi si aprono i sottomenu...
Io ho scritto un css che funziona se il menu ha una struttura massima menu > sottomenu > sotto-sottomenu...

Ecco ciò che ho scritto:

Codice HTML:

---

<nav id="menu">
        <ul>
                <li><a href="/home" class="link_menu">home</a></li>
                <li><a href="/script" class="link_menu">script</a>
                        <ul>
                                <li><a href="/script/ikariam" class="link_menu">ccc</a>
                                        <ul>
                                                <li><a href="/a" class="link_menu">a</a></li>
                                                <li><a href="/asd" class="link_menu">asd</a></li>
                                        </ul>
                                </li>
                                <li><a href="/asd1" class="link_menu">asd1</a></li>
                        </ul>
                </li>
        </ul>
</nav>

---

Codice:

---

#menu ul {
        display: block;
        width: 100%;
}

#menu li {
        text-decoration: none;
}

#menu ul ul {
        display: none;
}

#menu ul li:hover ul {
        display: block;
}

#menu ul li:hover ul ul {
        display: none;
}

#menu ul li:hover ul li:hover ul {
        display: block;
}

#menu a {
        display: block;
        min-height: 30px;
        vertical-align: middle;
        border: thin solid gray;
}

---

Come faccio a far si che funzioni su un numero illimitato di sotto-sotto-sotto-...-sottomenu?

In generale non è una buona idea sviluppare un menù a tendina su troppi livelli. Già tre sono tanti, più ne aggiungi più sarà difficoltosa la navigazione da parte dell'utente.