I was having a similar problem with my menu bar. In IE it was being displayed vertically instead of horizontal as it should. Your suggested fix, or the others did not resolve the issue, but here is what I did to fix it. Just in case someone else needs the help. In the spry CSS the width property for the menu bar was set to auto.
ul.MenuBarHorizontal
{
margin: 0px 0px 0px 5px;
padding: 20px 0px 0px 0px;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-align: center;
}
I specified a width and that resolved the issue for me.
ul.MenuBarHorizontal
{
margin: 0px 0px 0px 5px;
padding: 20px 0px 0px 0px;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 780px;
text-align: center;
}
Also my menu was within a table and so I had to also increased the colspan inline as well to accommodate the width of the menu bar. Hope this may help someone.