ight; }
   .case.t17 .test { background-position: 0% right; }
   .case.t18 .test { background-position: top 100%; }
   .case.t19 .test { background-position: top 108px; }
   .case.t20 .test { background-position: top top; }
   .case.t21 .test { background-position: left right; }
   .case.t22 .test { background-position: left left; }
  </style>
 </head>
<body>
  <p>In all the following boxes, the fuchsia diamond should be surrounded by a ring.</p>
  <div class="case a"><div class="test"><div class="control">