opacity on horizontal menu

[tiito78]

Hi there!!!

I'm trying to add opacity on the horizontal menu. I works fine in Firefox but when I try to see how I looks like in IE I can't see all the submenus. Anyone know what to do???????

Link to test site: www.kalle.felipe.se/cms


here is the code:

in "Navigation: CSSMenu - Horizontal"

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
opacity: 0.5; filter: alpha(opacity=50);
}

/* add



the menus that disappear in IE is under :

Default Extensions --> Modules -->
                          --> Tags     -->

I realy hope anyone can help me with this.....

/Thankx!!!!!

 

[eh]

I'm not too good in CSS but if you have display:none then this item won't get shown in the browser. So you CSS makes no sense to me?!

[tiito78]

display:none indicate just that the submenu wont show all the time, just on hover. So the problem is not there!!!!

[KO]

Your pages does not validate.


Maybe that has something to do with it.

[Dr.CSS]

nd the fact you added it to you style sheet so IE may be picking it up twice making the last level invisible...

[billandsonia]

What version of IE are you running? I believe IE6 and before don't recognize opacity. I develop on IE6 mostly (to insure compatibility) and opacity doesn't work without some javascript workarounds, so far as I know.