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:

<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>

#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?

[karl94]

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.