<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/
-->
<html>
  <head>
    <style>
      span {
        background-image: -moz-element(#g);
        display: inline-block;
        margin-left: 1px;
      }
      #repeat {
        width: 38px;
        height: 38px;
        background-repeat: repeat;
      }
      #norepeat {
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center center;
      }
    </style>
  </head>
  <body>
    <span id="repeat"></span><br/>
    <span id="norepeat"></span>
    <div style="overflow:hidden; height:0px">
      <div id="g" style="width:17px; height:17px; border:1px solid red;
                         background: orange;"></div>
    </div>
  </body>
</html>