hola

tengo el siguiente codigo:

<ul class="mainYearPrensa">
 
<li class="filterYearPrensa">2013
 
<ul class="mainDisePrensa">
 
<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 1</li>
<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
 
</ul>
 
</li>
 
<li class="filterYearPrensa">2014
 
<ul class="mainDisePrensa">
 
<li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
 
</ul>
 
</li>
 
</ul>

Mi pregunta es, como podria hacer que cada <li> de clase "filterYearPrensa" por medio de un hover, despliegue su <ul> hijo ?

Alguna idea ?

Gracias

ul.mainDisePrensa {
   display: none;
}
 
li.filterYearPrensa:hover ul.mainDisePrensa {
   display: block;
}

Saludos!