<html>
<head>
<title>This tests that that sibling container gets composited when composition of the inner content is forced by its child container.</title>
<style>
  .container {
  	transform: translateZ(0);
  	height: 200px;
  	width: 200px;
  }

  .inner {
  	transform: translateX(0);
  	background-color: silver;
  	height: 200px;
  	width: 200px;
  }

  .inner-most {
    transform: translateZ(0);
    display: inline-block;
    width: 100px;
    height: 100px;
  	border: 1px solid green;
  	margin-top: 60px;  
  }

  .sibling {
  	position: relative;
	top: -200px;
  	width: 200px;
  	height: 40px;
	background-color: green;
  }
    
</style>
<body>
          
<div class=container>
  <div class=inner>
    <div class=inner-most>composited</div>
  </div>
  <div class=sibling></div>
</div>
</body>
</html>