For all you SpryMenu enthusiasts. Here's a real puzzle. I knew this would become a problem. It actually LOOKS different in Dreamweaver code view.
Of course it's only a problem in ie7/win.
http://mayakaimal.com/mayakaimal2/prod-land-fridge.html
Can anyone detect why the Products dropdown menu behaves differently than all the others?? I can't. I've combed it over and over.
The anchor element cannot be empty. Just type PRODUCTS in the relevant spot and guess who is your uncle.
<li id="item1-home"><a class="MenuBarItemSubmenu" href="index.html">HOME</a></li> <li id="item2-products"><a class="MenuBarItemSubmenu" href="#"></a> <ul> <li id="item2-1"><a class="MenuBarItemSubmenu" href="prod-land-fridge.html"></a></li> <li id="item2-2"><a class="MenuBarItemSubmenu" href="prod-land-ss.html"></a> </li> <li id="item2-3"><a class="MenuBarItemSubmenu" href="#"></a></li> </ul> </li> <li id="item3-recipes"><a class="MenuBarItemSubmenu" href="#">RECIPES</a>
Gramps
PS While you are at it, do the same for all of the empty achor elements.
I wish I could say Bob! It looks good in Dreamweaver now, but the drop down still doesn't work in ie7/win for Products only.
Swap SpryMenuBar.js and SpryAccordion.js around so that SpryAccordion loads first.
I tried. Hopes soared. Alas, Bob is still not my uncle.
I finally found it. The following menu item does not have any submenus thus the class should be removed
<li id="item1-home"><a class="MenuBarItemSubmenu" href="index.html">HOME</a></li>
Unfortunately, that didn't work either.
I FOUND IT! I had the
#item2-products {text-indent: -9999px}
Thanks to you helping me fix the Dreamweaver difference, I had the courage to take it out and voila!
Thanks, gramps! Couldn't have done it without you!!!!
You'r welcome mate.
I did see the text-indent but it did not register.
