<!DOCTYPE html>
<html>
<head>
<title>Test case for https://bugs.webkit.org/show_bug.cgi?id=9493</title>
<style type="text/css">
  #fixedContainer { width: 0px }
  #percentContainer { width: 0% }
  .test { width: 100%; }
</style>
</head>
<body>
 <h4> There should be no red squares visible below. </h4>
 <div style="background-color:green;position:absolute;width:64px;height:64px">
   <div id="fixedContainer">
     <img class="test" src="resources/red-box.png">
   </div>
 </div>
  <div style="background-color:green;position:absolute;width:64px;height:64px;top:130px">
   <div id="percentContainer">
     <img class="test" src="resources/red-box.png">
   </div>
  </div>
 </div>
</body>
</html>