1) Remove the menu text (link) color that is set via the block edit menu. Edit the block, open the color picker for the Text color option and instead of choosing a color, click the "x" button. This clears the color selection and makes way for us to write code that selects the colors manually instead.
2) Create an override by copying packages/superfish/blocks/superfish/view.php up to blocks/superfish and open the new copy for editing.
3) Add some new selectors to view.php that hard-code the styles. I tried adding these around line 31:
/* top menu level */
div#sf-menu<?phpecho$bID?> ul li a {
color: #000 !important;
}
/* sub menu level */
div#sf-menu<?phpecho$bID?> ul.sf-submenu li a {
color: #fff !important;
}
This sets the top level SF links to black and the sub menu links to white. You can replace those values with your own colors. Try it out and let me know how it works for you.
scratches are gone, but I can't fix this in IE see: http://www.obswijk.nl/index.php,... on rollover the white background is added over the menu and the borders are messed up only in IE
Looks like your theme CSS (or custom CSS?) is applying some rounded corners and other stuff to list items. It's possible those styles are not totally compatible with IE9.
I would suggest making a test page and applying the default Plain Yogurt theme, then seeing if you have any trouble with the default Superfish styles. If Superfish renders fine, you'll know you have to troubleshoot your theme's CSS in order to track down the problem.
I've checked out the default Superfish template in IE 9 and didn't see any problems. I can't promise that my suggested custom CSS works across all browsers. You may need to look into doing some further modifications. I have a tutorial that may help you get started:
1) Remove the menu text (link) color that is set via the block edit menu. Edit the block, open the color picker for the Text color option and instead of choosing a color, click the "x" button. This clears the color selection and makes way for us to write code that selects the colors manually instead.
2) Create an override by copying packages/superfish/blocks/superfish/view.php up to blocks/superfish and open the new copy for editing.
3) Add some new selectors to view.php that hard-code the styles. I tried adding these around line 31:
This sets the top level SF links to black and the sub menu links to white. You can replace those values with your own colors. Try it out and let me know how it works for you.