CSS3 transitions

[downv]

Boas,

Estou a fazer um menu e queria usar umas transitions mas não estou a conseguir..

Tenho uma list com os links do menu e depois tenho um "div" com conteúdos (textos, imagens), a "div" esta com "display:none;" e quando esta o mouse hover "li:hover" a "div" fica com "display:block;" e aparece o conteúdo.

O que eu queria era meter umas transitions quando "li:hover" para a div aparecer "fadeInOut", mas não estou a conseguir..

Código:

/* Transitions */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

Obrigado