Skip to main content
April 29, 2008
Answered

Spry submenu shifted in IE7 not in Firefox

  • April 29, 2008
  • 1 reply
  • 428 views
I cannot seem to correct an issue I am having whereby the drop down horizontal submenu appears directly under the main menu button in Firefox but is shifted over about 50% in IE7. I haven't run into this issue before with my other sites but I am stumpted. The only thing different with this site is that I used the spry updater from 1.6 to 1.6 - in essence, it should have just overwrote the files with the same files.

Here is the page. Try it in IE7 and Firefox and you will see what I mean.

http://www.hrbp.com/AboutUs/test.html

Here is the spry horizontal menu css:



This topic has been closed for replies.
Correct answer
I found what the problem. It is the command:

ul.MenuBarHorizontal li {
text-align: center;

If this is changed to "left:" the submenu appears directly under menu in IE7 and Firefox.

The solution is:

ul.MenuBarHorizontal a {
text-align: center;

Hope someone else might benefit from my mistake.

1 reply

Correct answer
April 29, 2008
I found what the problem. It is the command:

ul.MenuBarHorizontal li {
text-align: center;

If this is changed to "left:" the submenu appears directly under menu in IE7 and Firefox.

The solution is:

ul.MenuBarHorizontal a {
text-align: center;

Hope someone else might benefit from my mistake.

Known Participant
May 2, 2008
Evn I'mfacing the same problem thanks for providing the soluiton . I will try to workout with the solution you have provided.