third_party/WebKit/LayoutTests/fast/inline-block/overflow-clip.html

   1 <html>
   2 <head></head>
   3 <body>
   4 <p>
   5 This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8118">http://bugzilla.opendarwin.org/show_bug.cgi?id=8118</a>
   6 REGRESSION (r13595): Inline block's clipped overflow increases table row height</i>.
   7 </p>
   8 <p>
   9 You should see a green square and no red.
  10 </p>
  11 <table style="background: red;" cellpadding="0" cellspacing="0">
  12     <tr>
  13         <td>
  14             <div style="display: inline-block; overflow: hidden; height: 100px; width: 100px;">
  15                 <div style="width: 100px; height: 200px; background: green;"></div>
  16             </div>
  17         </td>
  18     </tr>
  19 </table>
  20 </body>
  21 </html>