Buggy menu in Safari

[jannmirch]

I posted this before but no responses...so I'm trying again.

I'm working on a project and have added a drop-down menu where there are child pages. The menu works fine in FF, Chrome, Opera and even IE! But in Safari (I'm on PC) the menu only works some of the time?! I can't get a handle on any pattern; time-out issues, sizing/width issue...

I built the site from a WP theme which, in hindsight, wasn't a great theme to work from. The CSS needed a lot of clean up but I feel like I got everything - except this buggy issue.

Here's one of our test pages: http://artsinourschools.org/about-aios

Any help would be gratefully accepted.

[rah]

I've refreshed a couple of times with safari and each time it's loaded/worked just fine. Could it be a cache issue?

[jannmirch]

I've had this issue on my two machines... But the client wasn't having the same issue though she is on a Mac. Don't know how much time to spend on this, but it's frustrating.

Thanks for checking.

[weegillis]

How new is the SF code you are using? Is the issue already resolved in a later version? Would a simple fix, like .el a { display: block; height:40px; } sort of thing, do the trick?

Safari is the only one the isn't holding onto the mouseonver event when not hovering on link text. This suggests a case where an inline element (or subsequent child) is being directed to present as block level.

[hommealone]

I can reproduce the problem on my machine running Safari for Windows. But if the problem is showing up only on Safari for Windows, and not showing up on a Mac, you might want to consider ignoring it. Sometimes it can be hard to just leave something which is not 'perfect', but really, does anyone besides website designers checking their own sites really use Safari on a windows machine? If you can find enough people to check it on Macs (different OS versions and different Safari versions) and if it works fine on all of them...

In my experience, the only times I've experienced problems which show up on one platform of Safari and not another have been related not to the Browser itself but rather have been due to the way that the different OSs have rendered fonts. Don't know if that might be the case with your site or not, but I do notice that you are using Tahoma and Geneva in your (rather limited) font-family declaration. On your PC you are (probably?) seeing Tahoma, where as on a Mac they might be seeing Geneva. And even when the 'same' font is on both platforms, sometimes it is rendered quite differently on both. I had one case where the rendering difference was enough to break the layout, oddly enough.

This is just a shot in the dark, but if you find yourself pulling your hair out over this, you might want to try, as an experiment, making the font something more universal such as Arial, just for a test, and see if the problem still remains.

p.s. - Isn't the Hudson Valley beautiful this time of year?

[nickoran]

are you talking about the drop-down dissapearing too fast? then im having that too, it seems to be a height issue by the looks of it, the child ul isnt quite up against the parent and so the cursor turns from a hover to a pointer a little bit, it does seem to work if i go slowly, but just quick flicks and it dissapears.
try the above info about setting the height, perhaps set the margins and padding on the ul and li's to 0px if thier not being used?
I wouldnt leave something like this, it would just annoy me too much, but the other post above was right, this is one of those times in my opinion you could just leave it.

[jannmirch]

Thanks everyone! We tinkered around a bit with the height and it SEEMS to be less finicky now. We've tried on different systems with no issues so I think I'm going to close the book on this.

Thanks again for all the suggestions.