css - Show a "Finger" on <li> hover like its an <a> -

i have realy stupid problem -.- following:

<ul id="selectable" data-bind="foreach: folders">   <li>     <a href="#" data-bind=" text: $data, click: $root.gotofolder"></a>   </li> </ul> 

its knockoutjs combined bit of sammyjs... atm see got 'a' inside of 'li'... there appear "finger" on mousehover... if remove 'a', ofc "finger" wont shown. instead appear (lets call it) text-editor cursor... not user able klick element... there way show "finger" on link hover?

in this example have

<ul><li>item</li></ul> 

and shows "finger"

i'd suggest:

li {     cursor: pointer; } 

references:

• cursor.