Seperator Template appears before Node in SiteMap

[Nona]

So I'm creating a custom separator template for a siteMap.

Each Node will have a custom separator template. 

When I create the nodes, with a basic separator template, the separator correctly shows after the Node.
However, when I used a more complex separator template the separator shows BEFORE the node.

Any ideas why??

<telerik:RadSiteMap ID="RadSiteMap1" runat="server" DataNavigateUrlField="NavigateUrl"
                        DataTextField="Text" Skin="Forest" Width="100%" DefaultLevelSettings-Layout="Flow">
                        <Nodes>
                            <telerik:RadSiteMapNode >
                                <NodeTemplate>NONA</NodeTemplate>
                                <SeparatorTemplate>
                                    <telerik:RadMenu ID="RadMenu4" runat="server" EnableEmbeddedBaseStylesheet="False"
                                        Flow="Horizontal" CssClass="SeperatorMenu" ClickToOpen="true">
                                        <CollapseAnimation Type="InCubic" />
                                        <Items>
                                            <telerik:RadMenuItem runat="server" ImageUrl="~/Images/Triangle_Left.png" CssClass="SeperatorMenuImg"
                                                HoveredImageUrl="~/Images/Triangle_LeftH.png">
                                                <GroupSettings OffsetX="-5" OffsetY="-10" ExpandDirection="Left" />
                                                <Items>
                                                    <telerik:RadMenuItem runat="server" Text="ChildRadMenuItem1">
                                                        <ItemTemplate>
                                                            <div>
                                                                content Header NONA</div>
                                                            <div>
                                                                Body Information here...</div>
                                                        </ItemTemplate>
                                                    </telerik:RadMenuItem>
                                                </Items>
                                                <GroupSettings ExpandDirection="Right" Flow="Horizontal" RepeatDirection="Horizontal" />
                                            </telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenu>
                                </SeparatorTemplate>
                            </telerik:RadSiteMapNode>
</Nodes>



</telerik:RadSiteMap>

[Kate]

Hi Nona,

You get this appearance since the RadMenu control has style float:left; set to it. In order for the menu to appear on the right side of the RadSiteMapNode you will need to set float:right; to the control:

div.RadMenu {
    float: right; }

Kind regards,
Kate
the Telerik team