All the menu items are links and some of them are themselves submenus.
The html code is just a series of nested <ul>s and <li>s, and the css that styles the menu text color and text background when the mouse passes over a menu item is an ID (#hilinks) located in the linked style sheet, http:www.bridgeaholics.com/styles.css; in particular
This is applied to a <div> block that encloses the entire nested menu list as follows:
<div class="topleft" id="hilinks">
(The Class "topleft" positions the menu structure near the top left of the left column.)
Now #hilinks works absolutely perfectly with Safari, Opera 9 and Foxfire 22.214.171.124. All these Mac browsers change the blue text and pale background of the menu links to yellow text and deep blue background when the mouse is over the links.
Bizarely, IE for windows changes the text color to yellow correctly, but does NOT change the pale background of any menu item that has a submenu once an item has been visited. IE does, however, change the background to deep blue IF the menu item is a toplevel menu item and has no submenu nested below it.
I am completely perplexed at how IE could correctly render the text color but not the background color, and then only sometimes fail to do it.
Has somebody some suggestions for how to make IE behave consistently and change the background as I want? Yellow text on pale background is virtually unreadable, as you can see if you look at my test page at
Do note that the first time through the fly-out menu, it APPEARS to work correctly (go to about us/our products/spoons/dessert spoons/silver spoons). But the next time you try to go to the same item, the blue background no longer comes up, so I am left with yellow text on pale tan background, which is virtually unreadable.