CSS dropping issues

[Sheldon]

Hi, I have created some JS/CSS drop down menus and for some reason in IE the menus are dropping down, they work fine in Firefox mac and windows, well all browsers tested except IE..

here is a link
http://www.ziplinestaging.com/spl/


here is an example from Firefox
http://ziplinestaging.com/spl/images/Firefox.png

and here is IE
http://ziplinestaging.com/spl/images/ie.jpg


Thanks

[WebJoel]

Looks good in Firefox, but wowsers.... in IE on XP, the entire page, -everything(!), drops some 900px due south! I had to scroll-down to find ANY content in IE...

Will examine in a bit... to be away for a short time...

[Sheldon]

Thanks, I have only tested in IE 7 on vista.

[WebJoel]

'drop-down menus' are not my speciality, so I may only be of peripheral help here. In IE6-on-XP (apart from the entire page being about 1000-pixels 'down' from the top of my viewscreen), the menu-item "Branches" ' drop-down displays correctly... but "Programs" ' drop-down is about 200px too low... and the next "Kids" is another 200-something px lower again, etc... This may be a clue... it works on "Branches" but begins to fail on "Programs" and gets systemically worse incrementally. So, let's examine this...

back:

-This is not a standard drop-down navigation list, huh? Typically, *js-assisted drop-downs that I am at least partly familiar with are like:

HTML:

<ul>
<li></li>
 <li>
  <ul>
     <li></li>
     <li></li>
     ....etc
   </ul>
 </li>
<li></li>
</ul>

So, -I am lost on this one...

[Sheldon]

I will rewrite it today and post back, Thanks for your help.