<html>
<head>
<style>
div.box {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  height: 200px;
  width: 100px;
  background-color:green;
}

div.float {
  float: left;
  width: 100px;
  height: 200px;
  background-color: green;
}
</style>
</head>
<body>
<p>You should see a 200x200 green square below.  If you see any red, the test has failed. 
This test is checking to make sure that boxes will shift to avoid floats that try to intrude into their space
(just as tables do).
</p>
<div style="width:200px;height:200px;background-color:red">
<div class="float">
</div>

<div class="box"></div>
</div>
</body>
</html>
