﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>CSS 2.1 Test Suite: height</title>
  <style type="text/css">
   div { background: url(support/test-outer.png) top left no-repeat; padding: 40px 40px 240px 40px; }
   img { height: 200px; }
  </style>
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'">
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property">
 </head>
 <body>
  <p>The blue rectangle below should be exactly 200 pixels by 120
  pixels on the ruler (and the aqua bars should stick out of the
  blue box, with no red present).</p>
  <!-- This test sucks. Anyone got any better ideas on how to do this? -->
  <div><img alt="FAIL: Image support required." src="support/test-inner-half-size.png" class="one"></div>
 </body>
</html>