I have removed the dotted border around the Menu 1 by making it solid and the same colour as the menu container background in the Page Menu Styling area.
However, when I center the menu by using "%page-center" it creates a dashed border of a different colour in the area where there are no linked pages. See http://www.ambrosearts.ca/andre1/
Also, if I use a different colour background and border colour from the page background, i.e. when an image is the page background, and place the menu either right or left, the div containing the menu spreads across the page with the menu colour instead of just maintaining the width necessary to hold the menu. See http://normhamilton.ca/testing/
Do I suppress the width of the menu container so it only goes as wide as needed to hold the menu? And if so, how do I do that? I think it is <div id="menu1">
Thanks for your time and consideration.