The out-of-the-box SpryMenuBar shows the sub-menus underneath the main menu item, also in IE 8/9. Hence you must have upset the menu bar widget to the extent that it now misbehaves.
There are a several options open to you
1. Re-instate the original widget
2. Give us a link to your site so that we can see what you have done
3. Use one of the many other menubar widgets available.
My personal preference is option 2
Thanks for your solutions. I have re-instated the original widget and I
still get this problem. It is in CS6 Dreamweaver which I used the spry menu
from. I have only produced four pages of this site and so nobody, but the
client has really seen it. I am unable to load it to any server at the
moment and have only previewed it in a browser for testing. I would be
happy to send you my CSS style sheets or source code if that helped at all?
I have decided to try again with the re-instatement of the original widget.
Also validate the rest of the code in your pages to see if you have any critical errors that need fixing. For example, a missing doc type declaration might explain Spry failures.
HTML - http://validator.w3.org/
As an FYI, Adobe abandonded the Spry Framework late last year, after CS6 was released because Spry drop-menus don't hold up well on touch screen devices. If you can't get satisfaction with Spry, try jQuery Superfish. It's a better menu system.
Thanks for this, I will do that and I will consider using jQuery Superfish
in the future.