Mouse hand cursor disappears in Google Chrome if page is reloaded

Question

Using a normal

.foo {cursor:pointer;cursor:hand;width:250px;height:250px;background:#aaa;}

and

<div class="foo"><!--ph--></div>

as seen here: http://jsfiddle.net/UZq5d/2/

If I hold the cursor over the gray background then reload the pages, the cursor defaults back to the arrow.

Is there any nifty and lightweight way to check if the cursor is over the .foo element on load? Or perhaps periodically, on mouse move? jQuery allowed.

EDIT: I'm seeing this behaviour using Chrome on OS X.

Answer 1

Using jQuery to set the cursor initially works - ie without the css for cursor - see here to see what i mean --> http://jsfiddle.net/UZq5d/15/