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?
in the parent div seems to do the job.
http://jsfiddle.net/lollero/jyBES/11/