Seperator between two specific menu items in asp:menu which uses a Sitemap

Let's say I have a sitemap like below. I use this in an asp:Menu and I ONLY want a seperator between link 2 and link 3.  How would I go about achieveing this. 

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode url ="~/Default.aspx" title="Home" description="Home"> <siteMapNode url ="~/Default1.aspx" title="link1" description="link1" /> <siteMapNode url ="~/Default2.aspx" title="link2" description="link2" /> <siteMapNode url ="~/Default3.aspx" title="link3" description="link3" /> </siteMapNode></siteMap>

Thanks

you dont... you'll have to either do this in the render event or page load event, by trying to dynamically insert some node or such.

If you are going to use the sitemap and bound technique you will be limited on what you can do.

I guess I'm kind of out of lucky with this approach then huh.

The only flaky solution I have seen so far is inserting another sitemapNode like so with an hr tag in it.

<siteMapNodeurl =""roles="*"

title="<hr style='color:grey;height:1px;font-size:1px' />"

description="" />

yup... that was my other suggestion, but that can really mess up links, etc...very kludge like

Ok I followed your other advice and added anSeparatorImageUrl to the specific node at runtime in the MenuItemDataBound Event. It's not perfect, but it's the best solution so far. In fact maybe it doesn't get better :).

Thanks.

Now the last issue I have with this solution is that the menu will expand to the size of the image used. Is there a way to make the image stretch to the size of the menu?