The first set of style rules in the original SpryMenuBarHorizontal.css looks like
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
}
The same rules in your document
ul.MenuBarHorizontal
{
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-align: center;
color: #1B213B;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
As I have already said, the ORGINAL WORKS! if you decide to leave a left margin out of the equation and to give the text a center alignment, then that is entirely up to you, but you must also suffer the consequences. The above rules tell the browser to not worry about a left margin but the right margin must be zero. Also this is not the place where you center the text. That is best done as
ul.MenuBarHorizontal a {
text-align: center;
}
Have a look here for further info http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHoriz ontalMenuBarSample.html
I have not looked any further because of time constraints. Hopefully there are no other deviations from the orginal that will adversely affect your design.
Gramps
