Text extends outside of button

My website is 800px wide, I have 8 buttons I want in my horizontal menu bar, so I made the width 100px in my box settings. However, the text on some of the buttons extends past the button. Is there any way to make two lines of text on one button? Or is there a way to define the "text box" size that fits in the button?

you can add:
white-space:normal;


to the ul#cssmw > li > a selector in the menu.css file, but this may not display as intended in all browsers.

I am using Siteassist pro, Artist, desert spice and I have modified the width of the page. I noticed this required me to make modifications to the background images also. Not a problem so far... I want to change the width of the primary navigation buttons and the sub-menu / child navigation buttons site-wide. How do I go about making these adjusments? www.calaveraspolitics.com

change the width in the

ul#cssmw_content > li > span > a {



and:
ul#cssmw_content ul.level-<int> > li > a {

elements in the following 2 files:

CSSMenuWriter/cssmw_home/menu.css
CSSMenuWriter/cssmw_content/menu.css

where <int> is a variable meaning the menu level number.

Originally Said By: Jason Byrnes

  change the width in the

ul#cssmw_content > li > span > a {



and:
ul#cssmw_content ul.level-<int> > li > a {

elements in the following 2 files:

CSSMenuWriter/cssmw_home/menu.css
CSSMenuWriter/cssmw_content/menu.css

where <int> is a variable meaning the menu level number.  

Thank you once again. This worked just fine. Also, How does one add a level 2?

add a level 2 by editing the menu structure using the menu writer interface.

Thank you. I have found that using the DW / SA modification of site that I can add the sub-menu structure there.