<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Multiple backgrounds: Basic Positioning</title>
  <style type="text/css">
   body { color: navy; }
   div { background: red; height: 200px; width: 400px; }
   div { background: no-repeat url(/resources/images/test-bl) 50px bottom, url(/resources/images/test-br) 150px 100px no-repeat,
                               url(/resources/images/test-tr) top no-repeat, url(/resources/images/test-tl) 16.666667% 0 no-repeat; }
  </style>
 </head>
 <body>
  <p>There should be a complete unbroken drawing of a yin-yang (&#x262F;) symbol below.</p>
  <div></div>
 </body>
</html>