:hover работает только с нижней частью преобразованного div rotateX

У меня есть div с примененным к нему преобразованием CSS rotateX:

-webkit-transform: perspective(500px)  rotateX(60deg) rotateY(60deg) ;

и в нем плавала куча меньших div с примененным к ним правилом :hover. Проблема в том, что только половина внутренних div реагируют на событие :hover.

JsFiddle: http://jsfiddle.net/fNxgn/4/