Spry horizontal menu, can't center the whole menu bar

Question

I have a horizontal menu set up more or less how I want it
(after much time). But I can't seem to figure out how to center the
entire menu. Adding padding or margins pushes it out beyond the
700px box even if I resize the menu itself to be smaller than
700px. The page is here:
http://peacefuldriver.net/mnguitar/index_dropdown.htm#.
And the CSS:
http://peacefuldriver.net/mnguitar/SpryAssets/SpryMenuBarHorizontal.css.
Thanks for your help.

Answer 1

another_nickname wrote:
> I have a horizontal menu set up more or less how I want
it (after much time).
> But I can't seem to figure out how to center the entire
menu. Adding padding or
> margins pushes it out beyond the 700px box even if I
resize the menu itself to
> be smaller than 700px. The page is here:
>
http://peacefuldriver.net/mnguitar/index_dropdown.htm#.
>
> And the CSS:
>
http://peacefuldriver.net/mnguitar/SpryAssets/SpryMenuBarHorizontal.css.
>
> Thanks for your help.
>
I'm not familiar with the spry menus - but if you were to
play with the
padding on this rule (1.85em might just do it) I think you
can achieve a
pretty good result......
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEEEEE;
padding: 0 1.5em;
color: #0000CC;
text-decoration: none;
/*background-image: url(../images/line.gif);
background-repeat: no-repeat;
background-position: right;*/
HTH
chin chin
Sinclair