I have a asp.net sitemap with single level dropdown menu. I am using following code in master page to display them as dropdown menu by generating <li> and <ul>. It works fine the issue is, even if some items dont have child items it generates empty which leads to showing the dropdown icon.
How Can I stop the empty <ul> generation by checking the child nodes count.
<!--- Menu -->
<div id="horizontalcssmenu" class="horizontalcssmenu">
<asp:SiteMapDataSource ID="SiteMapDataSource1" ShowStartingNode="false" runat="server" />
<ul id="cssmenu1">
<li><a id="A1" href="index.aspx" runat="server">Home</a></li>
<asp:Repeater ID="foo" DataSourceID="SiteMapDataSource1" EnableViewState="false"
runat="server" onitemcommand="foo_ItemCommand">
<ItemTemplate>
<li>
<a href='<%#Eval("url") %>'><%#Eval("Title") %></a>
<ul>
<asp:Repeater ID="bar" DataSource='<%# ((SiteMapNode) Container.DataItem).ChildNodes %>' runat="server">
<ItemTemplate>
<li><a href='<%#Eval("url") %>'><%#Eval("Title") %></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<!-- Menu End -->

The output code displays something like this
<!--- Menu -->
<div id="horizontalcssmenu" class="horizontalcssmenu">
<ul id="cssmenu1">
<li><a href="index.aspx" id="ctl00_A1">Home</a></li>
<li>
<a href='/SVSS/StudentFullDetails.aspx'>Student Details</a>
<ul>
</ul>
</li>
<li>
<a href='/SVSS/StudentMonthlyAttendance.aspx'>Attendance</a>
<ul>
</ul>
</li>
<li>
<a href='/SVSS/MyNotice.aspx'>Notice</a>
<ul>
</ul>
</li>
</ul>
</div>
<!-- Menu End -->
How about something like: