Hey Guys,

Dis regard my last thread i had done, i found a new script. As i was told not to use a javascript for a drop down menu but to use css.

The problem now is that there is gaps between the boxs and also that the menu is not alligned with box above it. Please help me.

Its happeneing in most of the browsers inc, google chrome, safari, FF and IE.

You can see it by going to www.swiftproductions.com.au/site/indexTEST.html

There is a working version of the script where i got the CSS code from at sperling.com/examples/menuh/

Please if you guys have a fix for it i'll appreciate it very much.

Thanks heaps

I use the Web Developer tool in Mozilla and when I display the element information your a: top_parent is sitting 135px from the top of your page - that might be it but also your menuh_container has a .3em or 16px top position on it. If you want to get the menu to the top try taking out the .3em position on the menuh_container.

hey Sandy,
I got it sort of worked out,, only problem is it works fine in Google Chrome, FF and Safari but not in IE 7 - the problem is the drop down menu is not aligned with the box above it.
can any one help me on this??
Thanks

I will try to look at this tonight as I can only have IE here at work. I remember there was some padding or was it a small margin on the top? I will check

So, use a conditional comment to call a separate CSS file with just the fixes needed to make it work in IE7. I suspect it's because of the absolute positioning, IE has always had issues with it.