I added an item to a sub-menu that is wider than the first two items. When I change the width of sub menu to make it wider, the first two items appear on one line. I would like each item to appear on separate lines. Is there a way to do this?

Thanks

Can you give me a link to show the issue?

Currently I have the width set at 12 for you to view. If I change the width to 11 Help and About appear on the same line and Terms of Service is centered.

If I change the width to 9.5 Help and About are on separate lines and Terms of Service is centered on two lines.

If I could force each menu item to appear on a separate line, that would work regardless of the width.

Family Histories

Sorry, forgot to attach the file in the first reply.

try adding this at the end of your CSS inserts:

div#menu1 ul.sub-menu li 
 {
	float: left;
    width: 12em;
    text-align: left;
}

This worked except I had to change the width in CSS inserts from 12 to 11 and then change the width of sub menus to 11.5 to get rid if some white lines that appeared on the right side. Other than that, it looks great!

I think the white lines were caused by the background being a little wider than the text boxes.

Thanks!