We are using the dnn:treeview contol to display our Site Navigation.

Currently when you cursor over the links the cursor changes to a hand with the index finger.
We would like to have the cursor change to a custom cursor that goes along with the rest of the web site.

We have tried adding the cursor definition (an image) to the css class that is set in the dnn:treeview property NodeOverCssClass, the css class is below.

This doesn't seem to have any effect, has anybody successfully styled the hyperlink ?

Also, from looking at the rendered page, I would have thought that the links would have gotten
rendered as <a> but that does not appear to be the case, can anybody confirm that ?
It looks to me like the dnn:treeview control when it is rendered is a giant <input> control

css class
.NavMenuItems_Over
 {
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline;
 font-family: Arial, Helvetica, sans-serif; 
 cursor:url(/Portals/_default/Skins/images/cursor.ico);
}

From the W3C (http://www.w3schools.com/css/pr_class_cursor.asp)

p
{
cursor : url("first.cur"), url("second.cur"), pointer
}