Css – How to change the cursor into a hand when a user hovers over a list item

css

I've got a list, and I have a click handler for its items:

<ul>
  <li>foo</li>
  <li>goo</li>
</ul>

How can I change the mouse pointer into a hand pointer (like when hovering over a button)? Right now the pointer turns into a text selection pointer when I hover over the list items.

Best Solution

In light of the passage of time, as people have mentioned, you can now safely just use:

li { cursor: pointer; }