<!DOCTYPE>
<html>
<head>
<title>Empty Render Surface</title>
  <style type="text/css" media="screen">
    .container {
      position: relative;
      height: 0x;
      width: 0px;
      opacity:0.5;
    }
    
    .child {
      transform: translateZ(0);
      height: 0px;
      width: 0px;
      background-color: red;
    }    
  </style>
  <script type="text/javascript" charset="utf-8">
    if (window.testRunner)
      testRunner.dumpAsText();
  </script>

</head>
<body>
<p>This page tests that an empty render surface does not crash as reported in <a href='https://bugs.webkit.org/show_bug.cgi?id=51432'>this bug</a>. Pass if this does not crash.</p>

<div class="container">
  <div class="child"> </div>
</div>

</body>
</html>