The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Help me get my CSS Drop Down to work in IE/Mac

I have customized it a bit to fit within the site I am developing. The main problem is it isn't working in IE for the Mac. I have seen other CSS Drop Down menus that work on IE/Mac, but can't figure out where I'm going wrong with mine.

Thank you so much for your reply.
Another user I was working with on this menu was finding that the About ESTA menu item (the first one) wasn't aligned properly with the other items, the Industry History Proj. item would wrap to the next line instead of staying to one line, and that when she would mouse over an item it would turn from mixed case to all caps.

Are you seeing any of those things in addition to the jumping? Any ideas for how to keep the items from jumping? I'm guessing it's a positioning thing.

Excuse me while I build upon the initial question with a question of my own.

I have also recently implemented a CSS-based drop down menu for my boss based upon the Son of Suckerfish Menu technique (http://www.htmldog.com/ptg/archives/000050.php). Everything works great except for the fact that the drop down menu hides behind form elements.

This is a serious problem because the design calls for a form at the top of every page directly under the main navigation.

I know this has been probably been discussed at length before, but after hours of searches I have not been able to find an answer. I have heard rumors that you have to use javascript to hide the form elements any time you roll over the navigation.

Can anyone please help a stressed out individual with a strict deadline and point me to some reference or give me some guidance on this subject? It would be much appreciated. Thank you so much in advance!

I'm also going to chime in with an added question on this.
My Dreamweaver client seems to not want to play nicely with this CSS and when it is implemented on a page, if I am working in the page view and try to scroll down, the page just blurs and repeats whatever is at the top of the page.

The code view works fine, but the page view is messed up and unusable. I have downloaded the latest updates for my version of the product, but that hasn't helped.

I have narrowed it down to that it has something to do with the positioning in the following class:

I appreciate your idea, I had originally thought the same thing - unfortunately it just never is that easy, is it?

"The z-index CSS property specifies in which sequence HTML elements may be drawn when multiple elements occupy the same space in a window. This property is useful for rendering HTML elements, CSS styled layers and CSS menus when an overlapping preference is required."

Unfortunately the catch in with the z-index value is that all of the windowed elements (such as forms) will put themselves on top of all of the windowless elements (such as nav items), but they will respect the z-index sequence among them. To quote another website - "It's almost like windowed and windowless elements are drawn on 2 separate canvases in a browser window, making them completely independent of each other."

I've heard javascript is the way to go, but I have had trouble finding a solution. Crunch time is upon me.

My Dreamweaver client seems to not want to play nicely with this CSS and when it is implemented on a page, if I am working in the page view and try to scroll down, the page just blurs and repeats whatever is at the top of the page.

DW doesn't interpret css correctly in design view which is why I only use it in code view and then preview in the browser to see what it looks like. DWMX2004 is much better but it still can't handle a lot of advanced positioning. Some things you can get to work as you found out but i wouldn't try to change code just so that you can see it in DW's design view.