Spry Horizontal Menu - Need Submenu HELP!

Question

Using DW CS3 - Spry v. 1.6.1
I've created a horizontal menu with drop down submenus. After
many hours, I finally figured out how to change the background of
the main menu items, but cannot for the life of me figure out how
to style the submenus without screwing up the main menu. I'm a
newbie to CSS and Spry and am very confused by some of the class
designations used in the style sheet.
If you can just tell me what in the stylesheet to change I
will forever grateful!
Thanks!
ps - If you're an Adobe person reading this, I found the
comments to not be very helpful, they're a bit confusing for new
users....

Answer 1

Simply, your menu list items are too wide (altogether) to fit on the same line.
I see that you have defined your div#container as 1000px, and your div#nav_bar as, well, it will default to 1000px. Then you have set your MenuBar to 80% of that width, and your list items as 16.8% of that.
So far, everything is flexible.
When you get down to ul.MenuBarHorizontal a, however, you have set padding: padding: 0.5em 0.75em; If you change your padding units to percentages, you should be able to find acceptable measures that will allow your list items to remain on one line.
Keep in mind that, as the following references notes, in some browsers padding is measured in addition to the stated width of your element:
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
So make sure ALL your percentages add to 100%...including the horizontal padding (for both sides!) and the width (don't add in the vertical padding...that could be left as is). Actually, add them up to slightly less than 100% for comfort. If you get a gap at the end of the menubar, center the menubar and apply a background to the containing div.
Beth