ddsmoothmenu - problems with IE

[nharding99]

1) Script Title: ddsmoothmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem:

I have an implementation of this used as the language chooser on this page (hover over the "English" language flag):
http://www.hardingweb.net/collyers/en/index2.html

I find that this is fine in FF7, Chrome14, Safari 5.1 (all on Windows) but when I try IE (IE9 actually), the whole page bounces down and up again when the mouse hovers over the top menu item "English".

I notice that this seems to have been reported about 3 months ago but no solution (and no example page) so I have shown my example page above.

I'd be really grateful for hints, ideas or solutions.

Many Thanks
Nigel

[ddadmin]

Inside ddsmoothmenu.css, you currently have the rules pertaining to the shadow of the menu disabled:


/* ######### CSS for shadow added to sub menus ######### */
/*
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
/*position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
/*opacity: 0.8;
}
*/

It should be enabled. Replace the above with the default code:


.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

[nharding99]

You nailed it, that was exactly the problem.

Thank you so much!