<ul> flutuante com opacidade no IE

Pessoal,

Minha idéia é fazer um menu com submenus, usando um efeito de opacidade.

Mas estou com problemas com os IE, estou testando no IE6, porém se conseguir os outros creio que funcionarão também.

Quando coloco a opacidade no CSS, os submenus não ultrapassam o menu anterior (pai).

Alguém poderia me ajudar:

(Testem no IE6+ com e sem as linhas de opacidade do CSS, no Firefox funciona normal).

http://jsbin.com/avepi

Quem puder ajudar agradeço muito e até colocarei nos créditos do menu.

Obrigado