layout/reftests/bugs/433640-1-ref.html

   1 <!DOCTYPE html>
   2 <html><head>
   3 <style type="text/css">
   4   div.image {
   5     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC");
   6     width: 32px;
   7     height: 32px;
   8   }
   9
  10   div.cell {
  11     float: left;
  12     width: 100px;
  13   }
  14
  15   body > div { height:100px; }
  16
  17   p { font-size: 12px; height:20px; }
  18 </style>
  19 </head><body>
  20
  21 <div>
  22 <div class="cell"><p>31    x 32</p><div style="width:31px; background-position:-16px -16px;"  class="image"></div></div>
  23 <div class="cell"><p>31.1  x 32</p><div style="width:31px; background-position:-16px -16px;"  class="image"></div></div>
  24 <div class="cell"><p>31.5  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
  25 <div class="cell"><p>31.8  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
  26 </div>
  27
  28 <div>
  29 <div class="cell"><p>32    x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
  30 <div class="cell"><p>32.1  x 32</p><div style="width:32px; background-position:-16px -16px;"  class="image"></div></div>
  31 <div class="cell"><p>32.5  x 32</p><div style="width:33px; background-position:-16px -16px;"  class="image"></div></div>
  32 <div class="cell"><p>32.8  x 32</p><div style="width:33px; background-position:-16px -16px;"  class="image"></div></div>
  33 </div>
  34
  35 <div>
  36 <div class="cell"><p>32 x 31   </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div>
  37 <div class="cell"><p>32 x 31.1 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div>
  38 <div class="cell"><p>32 x 31.5 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
  39 <div class="cell"><p>32 x 31.8 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
  40 </div>
  41
  42 <div>
  43 <div class="cell"><p>32 x 32   </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
  44 <div class="cell"><p>32 x 32.1 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div>
  45 <div class="cell"><p>32 x 32.5 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div>
  46 <div class="cell"><p>32 x 32.8 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div>
  47 </div>
  48
  49 </body></html>