Lío con transition para desplegar <ul>

[Linton]

Veamos, tengo este sencillo trozo de código:

Código HTML:

<div>
    Productos
   <ul>
     <li>Uno</li>
     <li>Dos</li>
     <li>Tres</li>
  </ul>
</div>
 

Y quiero que se despliegue leeentamente, después de ponerle un display:none por defecto y un display:block para hover.

He probado a poner transition: 1s all ease-in-out en varios sitios, pero nada. ¿Cómo se hace?

Gracias, un saludo.