<!DOCTYPE html>
<html lang="en-US" reftest-zoom="1.0">
<head>
	<title>Testcase, bug 1035611</title>
	<meta charset=UTF-8>
	<style type="text/css">

	#outer1 {
	  width: 500px;
	  height: 100px;
	  overflow:hidden;
	  background: blue;
	}

	#outer2 {
	  width: 250px;
	  height: 100px;
	  perspective: 125px;
	}

	#inner {
	  transform-origin: 0px 0px 70px;
	  transform: rotate3d(0, 1, 0, -54deg);
	  width: 128px;
	  height: 128px;
	  background: orange;
	}
	</style>
</head>
<body>
<div id="outer1">
  <div id="outer2">
    <div id="inner"></div>
  </div>
</div>

</body>
</html>