want menu item text to wrap

[JeanM]

how can i make my menu items wrap?
i want the width of my navigation to be 145 pixels and the text for the navigation is too long, so i want it to automatically wrap. is this possible?
i've tried changing the box width and the padding, but nothing makes the text wrap.
thanks, jean

[Ray Borduin]

Look in the menu.css file and remove the references to:

white-space: nowrap;

[JeanM]

wrapping OK now, but wasn't seeing the 2nd line of text.
i set the HEIGHT of the box to "auto" in order to show the 2nd line of text. however, that makes the 2nd level boxes taller than the first level and i want them to all line up across (if they're 1-line text items).
now the 2nd level items are taller.
i've tried changing the height to the same height as the first level (16 pixels) and using the "auto" setting, but doesn't fix it. please advise.
thanks, jean

[Ray Borduin]

Do you have a sample URL? I will take a look and see if there is an easy solution.

[JeanM]

http://198.31.87.15/menuTest3.php

as you can see, if i tell the height of the box (2nd level nav) to be "auto" so that the wrapped text shows, then the single line text items are no longer only 16 pixels tall. this makes them taller than the main level nav items.
but if i tell the boxes to be 16 pixels tall, then i lose the 2nd line of the wrapped navigation text.

(wrapped text happens under "challenges and solutions")

[Ray Borduin]

There isn't going to be anything in our interface that can help you with that problem. If your menu is static you might be able to go in and manually adjust the style of each li to account for the offsets, but there is no way to back-reference a hight when using lists in html and css in this manner automatically.