<html>
<head>
<style>
div {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  width: 100px;
  height: 100px;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

div.outer {
  background-color:red;
}

img.inner {
  background-color:green;
  height:100px;
  display: block;
}
</style>
</head>
<body>
<p>You should see a single 100x100 green square below. If your browser supports the
display of ALT text, you should see the word "Image" inside the green square.  
If you see any red, then
the test has failed.  This test is checking to make sure replaced elements inside boxes
get stretched when <code>box-align: stretch</code> is specified.</p>
<div class="outer">
<img class="inner" alt="Image">
</div>
</body>