:hover not fired for element when parent has CSS3 perspective

In the following example I created on jsfiddle try to hover on gray boxes. You can see each "开发者_开发技巧Box" inside the first container gets ":hover" but for the second one items located on "the right half of the container" don't get :hover!

(move your mouse over gray boxes)

(Open this in Chrome or Safari because other browsers don't support CSS3 perspective)

Look at here: http://jsfiddle.net/jyBES/10/

This is very strange to me.

Can anybody explain why? Is there any possible workaround for this?

float: left;

in the parent div seems to do the job.

http://jsfiddle.net/lollero/jyBES/11/