Spry menu bar alignment issue

I've just started using Dreamweaver, and am trying to replace a menu on my web page.  The original menu was inside a table with twelve cells.  I've added a spry menu bar and populated it with twelve submenus, and I'm having difficulty with the layout.  I would like to have a single line, perhaps 100% of browser width, including the twelve menu items. And I would like it to look decent and be legible, whether someone uses a screen resolution of 800 x 600, 1280 x 800 or even higher.  I can't seem to get all twelve menu items to stay in a centered, straight line, except at higher screen resolution.  Advice would be appreciated. The page is at www.mauitradewinds.com/Super
ddantesAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
OmniUnlimitedConnect With a Mentor Commented:
Hello ddantes, decided on a change up?

OK, my first question to you is, "Is there any reason you just can't make this one big menu?

That is, get rid of the <ul class="MenuBarHorizontal" id="MenuBar1"> and <ul class="MenuBarHorizontal" id="MenuBar2"> and just make it <ul class="MenuBarHorizontal" id="MenuBar1"> with everything under it?
0
 
ddantesAuthor Commented:
No reason, aside from ignorance!  It works perfectly now.
0
 
OmniUnlimitedCommented:
HA!  Thanks a million.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.