CSS Chrome Dropdown Menu - drop down menu out of place

[letallec]

1) Script Title: Dynamic Drive Chrome CSS DropDown Menu

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

3) Describe problem: The menubar works fine and is fantastic. However, the drop down menu's position is out of place. it appear on the far right side of the browser instead of directly under the menubuttons. Is it because of a flash image under it? Im confused and is frustrated, would appreciate help from anyone. Thanks in advance.

PS i attached a screenshot

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

ps: Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving all the drop down DIVs to the bottom of your page, just above the "</body>" tag.

[letallec]

Sorry but the website is still not up yet.

Ive tried placing the dropdown menu divs just above the </body> tag. The dropdown menu completely disappear, even the arrow showing dropdown is gone. Thanks for your help

[letallec]

OH Ive got it right now!

But one problem though, the dropdown menu goes behind the flash image.(flash image can be seen in screenshot)

Thanks in advance!!

[ddadmin]

Make sure you have iframe shim enabled inside the .js file:


enableiframeshim: 1, //enable "iframe shim" in IE5.5 to IE7? (1=yes, 0=no)

If that doesn't help, you may need to tweak your Flash to see if that works, such as one solution suggested by Adobe: http://kb2.adobe.com/cps/155/tn_15523.html