Menu dropdown com dois níveis

Oi pessoal!

Bom, estou precisando de uma ajuda em um menu dropdown que tem dois níveis.

É assim, tem este site: www.lmodels.com.br

No menu Casting, aparecem as opções na seguinte hierarquia:

• Feminino
• Masculino
• Infantil

-- Masculino

-- Feminino

O que eu quero é que as opções Masculino e Feminino ("filhas" da opção Infantil) apareçam no hover da opção Infantil.

Tenho este CSS:

#headermenu {
	color: #FFF;
	float: left;
	overflow: hidden;
	width: 500px;
	margin: 20px 0 0 40px;
}

#headermenu a {

	font-family: Candara;
	font-size: 1.2em;
	color: #FFF;
	height: 20px;
	text-decoration: none;
	display: block;
}

#headermenu ul {

	display: inline;
	float: left;
	margin: 0 10px 0 0
}

#headermenu li {

	float: left;
}

#headermenu li a {

	display: block;
	float: left;
}

#headermenu li.dropdown {

	margin: 0 0 0 25px;
}

#headermenu div.dropdown {

	z-index: 200;
	display: none;
	margin: 0 0 0 -40px;
	float: left
}

#headermenu ul li a,#headermenu ul li a:hover,#headermenu ul li:hover,#headermenu ul li.over {

	z-index: 100;
}

#headermenu ul li:hover ul,#headermenu ul li.over ul {
display: block
}

#headermenu li ul {

	border: 0;
	border-top: 0px;
	display: none;
	z-index: 150;
	text-align: left;
	position: absolute;
	margin-left: 0;
	margin-top: 20px;
	clear: both;
}

#headermenu li:hover ul,#headermenu li.over ul {
display: block
}

#headermenu li li {

	clear: left;
	display: block;
}

#headermenu li li a {

	font-family: Candara;
	font-size: 1.1em;
	padding: 2px;
	border-bottom: 1px solid #222;
	display: block;
	padding-left: 0px;
	font-weight: normal;
	color: #FFF;
	width: 180px;
	background-color: #000;
}

#headermenu li li a:hover {

	background-color: #060606;
	color: #FFF;
}

E tenho este HTML:

<ul id="headermenu">

 <li class="dropdown">

 <a href="{$raiz_site}home.php">Home</a>

 </li>

 <li class="dropdown">

 <a href="{$raiz_site}agencia.php">A L. Models</a>

 </li>

 <li class="dropdown">

 <a href="{$raiz_site}casting.php">↓  Casting</a>

 <ul>

 <li>

 <a href="casting.php?sexo=F"> ›  Feminino</a>

 </li>

 <li>

 <a href="casting.php?sexo=M"> ›  Masculino</a>

 </li>

 <li>

 <a href="#"> ›  Infantil</a>

 <ul>

 <li>

 <a href="casting.php?sexo=A">   ›  Masculino</a>

 </li>

 <li>

 <a href="casting.php?sexo=R">   ›  Feminino</a>

 </li>

 </ul>

 </li>

 </ul>

 </li>

 <li class="dropdown">

 <a href="{$raiz_site}videos.php">Vídeos</a>

 </li>

 <li class="dropdown">

 <a href="{$raiz_site}contato/">Contato</a>

 </li>

	</ul>