layout/reftests/abs-pos/table-header-group-6.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       table {
   6         margin: 0;
   7         padding: 0;
   8         width: 25px;
   9         height: 50px;
  10         border-collapse: collapse;
  11       }
  12       td {
  13         margin: 0;
  14         padding: 0;
  15       }
  16       #rel {
  17         position: relative;
  18         margin: 0;
  19         padding: 0;
  20       }
  21       #abs {
  22         position: absolute;
  23         margin: 0;
  24         padding: 0;
  25         bottom: 25px;
  26         right: 25px;
  27         width: 50px;
  28         height: 50px;
  29         background-color: green;
  30       }
  31       #bottomright {
  32         position: absolute;
  33         margin: 0;
  34         padding: 0;
  35         bottom: 0;
  36         right: 0;
  37         width: 50px;
  38         height: 50px;
  39         overflow: visible;
  40         background-color: blue;
  41       }
  42     </style>
  43   </head>
  44   <body>
  45     The green square should not overlap the blue square.
  46     <div id="bottomright">
  47       <table>
  48         <thead id="rel">
  49           <tr style="height: 50%">
  50             <td></td>
  51             <td></td>
  52           </tr>
  53           <tr>
  54             <td>
  55               <div id="abs"></div>
  56             </td>
  57             <td></td>
  58           </tr>
  59         </thead>
  60       </table>
  61     </div>
  62   </body>
  63 </html>