<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>CSS Reftest Reference</title>
  <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
  <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!--  2013-08-19  -->
  <meta name="flags" content="" />
  <style type="text/css"><![CDATA[
  div#rel-pos-wrapper
  {
  background-color: blue;
  font-size: 1.25em;
  height: 10em;
  position: relative;
  width: 12em;
  }

  div > div {position: absolute;}
  
  div#first-black
  {
  background-color: black;
  left: 7em;
  height: 1em;
  top: 0em;
  width: 5em;
  }

  div#first-yellow
  {
  background-color: yellow;
  left: 7em;
  height: 3em;
  top: 1em;
  width: 1em;
  }

  div#first-white
  {
  background-color: white;
  left: 10em;
  height: 9em;
  top: 1em;
  width: 2em;
  }

  div#second-black
  {
  background-color: black;
  left: 2em;
  height: 1em;
  top: 2em;
  width: 3em;
  }

  div#second-yellow
  {
  background-color: yellow;
  left: 2em;
  height: 3em;
  top: 3em;
  width: 1em;
  }

  div#third-black
  {
  background-color: black;
  left: 2em;
  height: 1em;
  top: 6em;
  width: 3em;
  }

  div#third-yellow
  {
  background-color: yellow;
  left: 2em;
  height: 3em;
  top: 7em;
  width: 1em;
  }

  div#second-white
  {
  background-color: white;
  left: 5em;
  height: 4em;
  top: 6em;
  width: 7em;
  }
  ]]></style>
 </head>
 <body>

  <div id="rel-pos-wrapper">

    <div id="first-black"></div>
    <div id="first-yellow"></div>
    <div id="first-white"></div>
    <div id="second-black"></div>
    <div id="second-yellow"></div>
    <div id="third-black"></div>
    <div id="third-yellow"></div>
    <div id="second-white"></div>

  </div>

 </body>
</html>