spry menu in IE

You have two Spry menu css files in there that might be creating the conflict.


<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />


Remove the Vertical one as I believe you are only using the Horizontal.

Abraham

Try adding this styling to your style-sheet:

ul.MenuBarHorizontal li ul li{
float: left;
clear: left;
}

If you have set the width property of the ul.MenuBarHorizontal to auto then you are going to experience IE messing the spry menu bar up.

Abraham

Hoorah!! The dropdown menus are working!!!! Thank you very much!! I worked for days trying to figure this out- I really appreciate your help- I had almost given up.

However, the size of the type is showing up differently in Safari and IE-therefore, the menu bar is too long in IE-If I make the type smaller it will work in IE (Ithink), but it will be too smaIl in Safari-I set width property of the ul.MenuBarHorizontal to inherit . Could you please give me a suggestion of how to solve this problem?

Thank you for all of your help!!!!! I really appreciate your assistance in fixing this spry menu. I am very pleased with the appropriate appearance in several browsers!

Gail