Spry submenu shifted in IE7 not in Firefox

[Guest]

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:

[Guest · Accepted solution]

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.

[Brian_Wright_]

Evn I'mfacing the same problem thanks for providing the soluiton . I will try to workout with the solution you have provided.