Drop Down Menu Hidden

[TrudyD1474]

1) Script Title: Anylink JS Drop Down Menu v2.0

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

3) Describe problem:

I have a YouTube video that is below my menu bar which was created using Anylink Drop Down Menu. When I click on the menu, the drop down is hidden by the YouTube video. This only happens with IE. It works fine with Safari and Firefox. I'm not sure if the problem is with YouTube or the script. Or even with IE.

The website is: eiijd.com
Try selecting PARTS to see the problem.
Trudy

[jscheuer1]

You'll need to use the older style code from YouTube with added wmode transparent:


<object width="384" height="250" align="right"><param name="wmode" value="transparent"></param><param name="movie" value="http://www.youtube.com/v/XQ7eqGfLBl0?version=3&amp;hl=en_US&amp;rel=0;showinfo=0;controls=0;modestbranding=1;iv_load_policy=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed wmode="transparent" align="right" src="http://www.youtube.com/v/XQ7eqGfLBl0?version=3&amp;hl=en_US&amp;rel=0;showinfo=0;controls=0;modestbranding=1;iv_load_policy=3" type="application/x-shockwave-flash" width="384" height="250" allowscriptaccess="always" allowfullscreen="true"></embed></object>

I believe that's the equivalent for the iframe code on that page, replace it:


<iframe width="384" title="YouTube video player" src="http://www.youtube.com/embed/XQ7eqGfLBl0?HD=1;rel=0;showinfo=0;controls=0;modestbranding=1;iv_load_policy=3" height="250" align="right" hspace="5" vspace="5" border="1" allowscriptaccess="never" frameborder="0"></iframe>

with the first code block in this post.

Hopefully that will do it. It will as far as the menu goes, and it looks the same here as the iframe one. I just hope it fits into the layout, should I gave it the same alignment (align="right").