I have a website that is using the cssmenu template with colors and look/feel modified to the client's liking. The site is 4 levels deep and all levels display properly. However there is an odd artifact that exists with IE 7.x that I cannot get rid of. >:( I am not a web designer nor a CSS/Javascript guru. I'm a systems Engineer who is a hack when it comes to CSS/Javascript.
In a nutshell if you mouse over the nav menu it will expand out the next level. If you mouse over one of the children menus that also has children they are expanded out. If you do not click anything but move you mouse off the navigation it close as expected. Here is where it gets hinky. If you mouse over the top level item again, it will expand the children plus it will expand the last children's children (level 3) menu that was displayed but these items will be blank having no text.
I've gone back to the default theme of CSSMenu left + 1 column to rule out any changes I made from causing this and this anomaly is there in the default theme. Here are three images showing this anomaly using the default theme.
First image is showing the expansion of the first menu item About CSHP which has many levels below it.
In the second image the Newsroom sub item is now active showing it's two children.
In the third image, it should be the same as the first since only the first level is active yet you can see the anomaly that is displaying the empty children of Newsroom.
This only occurs on anything that is 3 or more levels deep and I've reproduced it on a development server with the same site loaded. It only effects IE. Firefox, Opera, Chrome and Safari (on windows) all work as expected.
Any help solving this would be great.
