Hi everybody! I'm working on a DHTML menu with Javascript and CSS. It works perfectly in Firefox and Internet Explorer but not in Safari. Take a look at http://www.levelgreen.de/beta/test_03.html. On my Mac (Safari version 2.0 - build 412) it looks like http://www.levelgreen.de/beta/test_03.gif, a part of the grey submenu is cut off.
When you hover over a menu option its li element is assigned the id "subMenu". This causes the contained ul element to appear (via "display: block !important;"). The menu works by doing this in Javascript but I think the problem is with the CSS. I'm stumped, what can I do? I even tried to trick Safari to redraw the whole page every time something changes but this causes it to forget some of the other CSS rules. Please note: My real project is a lot bigger than this, I reduced the code from several pages to the bare minimum that causes the problem. Due to this it will look weird in any browser other than Safari but they work fine with the real code. I also know that this effect could be achieved with pure CSS (without Javascript) but again in the real project the Javascript is doing a lot more. Thanks in advance for your help! Regards, Holger. -- levelgreen | design und ton http://www.levelgreen.de ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
