keeperofstars,
I created my own work-around by using a little bit of javascript magic. At the bottom of my ascx template file I use some javascript that locates the menu in the DOM and replaces the IDs with the proper page names. So for example:
<li id="navItem55"><a id="navLink55" href="http://mysite.com/About/tabid/55/Default.aspx" title="About" tabindex="1">About</a>
becomes:
<li id="navItem55"><a id="About" href="http://mysite.com/About/tabid/55/Default.aspx" title="About" tabindex="1">About</a>
This way each parent link has it's own unique identifyer which also relates to the section or page. Now I've only got one more issue to solve and that is the css drop-downs in firefox look great, but in IE they are either not appearing at all or appearing all the way down the page! I've noticed there is some text in there saying "false" and the alignment / positioning is all messed up. Could it be that the skinobject.js has some code that is mucking up my drop-downs in IE???
Once again, any advice would be greatly appreciated!!
SuperDMon