Dynamic drop-down CSS/javascript menu problem

[dilshod]

Could you please visit [transportationmagic.com ], and help me figure out why when I mouse over "company", dynamic drop-down menu is appearing way to the right instead of right underneath it?

css: [transportationmagic.com ]

js: [transportationmagic.com ]

thank you,

[Fotiman]

Stepping through the JavaScript:
1. after showHide executes the first time, the menu is positioned at the left side of the menu. It looked like you might have been trying to set it's left position to -500, but that doesn't work (I'm not sure what the logic is that you're trying to achieve though). So it doesn't move from where it is, and it's left side is offset is 459px. You then do:

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

Which for me results in:

dropmenuobj.style.left=459+"px"

Which moves it to 459px to the right of the left edge of div apDiv11, which is an absolutely positioned ancestor. I hope this helps you figure out what is going wrong. Note, I found it very helpful to use Firefox and Firebug to set a breakpoint at line 66 of anylink.js and then step through what was happening.

[dilshod]

Thank you very much. That solved it.