submenu-> hover

Olá atualmente tenho uma hierarquia de menu desta forma

/applications/core/interface/imageproxy/imageproxy.php?img=http://img513.imageshack.us/img513/5816/6ul1.png&key=04cd3a8573912ce9fbf7811b92dda69b6ffdc6547cb45c3104e58ba8560eae8d" alt="6ul1.png" />

e meu css segue a mesma hierarquia

/applications/core/interface/imageproxy/imageproxy.php?img=http://img46.imageshack.us/img46/2179/fkh4.png&key=74f34fec804a857bdd4e5c2baaf4f7b22eb1cc60f6f930b1de0f66ffe782e34b" alt="fkh4.png" />

eu gostaria que meu hover aparece-se mais suave ... eu tentei usar transition no css mas nao funcionou e tem pouco tenho que estou praticando o transition também ai não sei se foi alguma falta de logica ou posição errada ....

meu jQuery esta sim e esta totalmente errado rsrss mas foi minha ultima tentativa que tentei acessa essa sub ul para dar um efeito bacana ...

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/Q64QSEh.png&key=a5d54589cbbf81f2ddf8502c533a8fb273b5cb588462b9ea635b6a3984e674dc" alt="Q64QSEh.png" />