-webkit-transformのバグ？

-webkit-transformのみrotateYと-webkit-transform-originの値によってはAnchor要素の判定が発生しない。 どうもmouseoverそのものが機能しないみたいだ。 よーく探すと、左側のほんの僅かな隙間に判定は残っている。 Google chrome 24とsafari 5・6、それぞれMac/Winともに確認。 読み込みなおしたりすると直ることもあるので、再現度は75%くらい？

by urunao

HTML

<div><a href="#A">A</a></div>
<div><a href="#B">B</a></div>
<div><a href="#C">C</a></div>
<div><a href="#D">D</a></div>
<div><a href="#E">E</a></div>

CSS

a {
	display: block;
	height: 92px;
	text-decoration: none;
	background: gray;
    font-size: 45px;
	line-height: 3em;
    width: 100%;
	}

a:hover {
	opacity: 0.5;
	}

div:nth-child(odd) {
	text-align: left;
	-webkit-transform-origin: left;
	-webkit-transform: perspective(250px) rotateY(9deg);
	-moz-transform-origin: left;
	-moz-transform: perspective(250px) rotateY(9deg);
	transform-origin: left;
	transform: perspective(250px) rotateY(9deg);
	}
div:nth-child(even) {
	text-align: right;
	-webkit-transform-origin: right;
	-webkit-transform: perspective(250px) rotateY(-9deg);
	-moz-transform-origin: right;
	-moz-transform: perspective(250px) rotateY(-9deg);
	transform-origin: right;
	transform: perspective(250px) rotateY(-9deg);
	}