Hi,
The first item and the last item in the rounded corners template are special. They use images to create the "round corners". When you populate from your site map, or any other data source, it wipes out all existing menu items, including these special ones, so you lose the round corner effect.
To resolve this issue, you can put those items back by code. The code should be something like this:
Code: C#
//Populate the menu from your data source
Menu1.DataBind();
//Create the first menu item
EO.Web.MenuItem item = new EO.Web.MenuItem("(");
item.LookID = "None";
item.Image.Url = "00000301";
Menu1.Items.Insert(0, item);
//Create the last menu item
item = new EO.Web.MenuItem(")");
item.LookID = "None";
item.Image.Url = "00000302";
Menu1.Items.Add(item);
If you compare the code with the .aspx source, you will see it duplicates the exact same contents in your .aspx file. For example, the first menu item in your .aspx file uses image "00000301", so the code set Image.Url to "00000301".
The above code only shows how to create additional items for the top menu bar. You will need to do the same for each sub menu.
Another way is to create additional dummy entry in your site map file directoy. For example, if you only have three top level items, you would have five top level entries in your site map, with the first and last used to create these two special items. These two items use different image files. So you will need to specify the image in your site map file as well. You can then use DataBinding object to map the image attribute to the Image.Url property. You can find more information here:
http://doc.essentialobjects.com/library/1/menucommon/databinding/populate_datasource.aspxCheck "Mapping data source attribute to item's property" section. The benefit of this approach is that no code is needed.
Thanks!