Spry submenu shifted in IE7 not in Firefox

Question

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:

Anonymous · Accepted 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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded