From 136a8a868853d6830d898f1b6247e45a03439ec1 Mon Sep 17 00:00:00 2001
From: Seth Fowler <seth@mozilla.com>
Date: Mon, 10 Mar 2014 15:41:21 -0700
Subject: [PATCH] Bug 63895 (Part 3) - Add tests for positioned internal table
 objects serving as absolute containing blocks. r=dbaron

---
 layout/reftests/abs-pos/reftest.list          | 20 +++++++
 layout/reftests/abs-pos/table-cell-1.html     | 36 +++++++++++++
 layout/reftests/abs-pos/table-cell-2.html     | 38 +++++++++++++
 layout/reftests/abs-pos/table-cell-3.html     | 50 +++++++++++++++++
 layout/reftests/abs-pos/table-cell-4.html     | 50 +++++++++++++++++
 .../abs-pos/table-footer-group-1.html         | 38 +++++++++++++
 .../abs-pos/table-footer-group-2.html         | 40 ++++++++++++++
 .../abs-pos/table-footer-group-3.html         | 54 +++++++++++++++++++
 .../abs-pos/table-footer-group-4.html         | 54 +++++++++++++++++++
 .../abs-pos/table-header-group-1.html         | 38 +++++++++++++
 .../abs-pos/table-header-group-2.html         | 40 ++++++++++++++
 .../abs-pos/table-header-group-3.html         | 54 +++++++++++++++++++
 .../abs-pos/table-header-group-4.html         | 54 +++++++++++++++++++
 .../abs-pos/table-internal-1-ref.html         | 32 +++++++++++
 .../abs-pos/table-internal-2-ref.html         | 34 ++++++++++++
 .../abs-pos/table-internal-3-ref.html         | 52 ++++++++++++++++++
 .../abs-pos/table-internal-4-ref.html         | 53 ++++++++++++++++++
 layout/reftests/abs-pos/table-row-1.html      | 36 +++++++++++++
 layout/reftests/abs-pos/table-row-2.html      | 38 +++++++++++++
 layout/reftests/abs-pos/table-row-3.html      | 50 +++++++++++++++++
 layout/reftests/abs-pos/table-row-4.html      | 50 +++++++++++++++++
 .../reftests/abs-pos/table-row-group-1.html   | 38 +++++++++++++
 .../reftests/abs-pos/table-row-group-2.html   | 40 ++++++++++++++
 .../reftests/abs-pos/table-row-group-3.html   | 54 +++++++++++++++++++
 .../reftests/abs-pos/table-row-group-4.html   | 54 +++++++++++++++++++
 25 files changed, 1097 insertions(+)
 create mode 100644 layout/reftests/abs-pos/table-cell-1.html
 create mode 100644 layout/reftests/abs-pos/table-cell-2.html
 create mode 100644 layout/reftests/abs-pos/table-cell-3.html
 create mode 100644 layout/reftests/abs-pos/table-cell-4.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-footer-group-4.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-header-group-4.html
 create mode 100644 layout/reftests/abs-pos/table-internal-1-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-2-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-3-ref.html
 create mode 100644 layout/reftests/abs-pos/table-internal-4-ref.html
 create mode 100644 layout/reftests/abs-pos/table-row-1.html
 create mode 100644 layout/reftests/abs-pos/table-row-2.html
 create mode 100644 layout/reftests/abs-pos/table-row-3.html
 create mode 100644 layout/reftests/abs-pos/table-row-4.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-1.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-2.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-3.html
 create mode 100644 layout/reftests/abs-pos/table-row-group-4.html

diff --git a/layout/reftests/abs-pos/reftest.list b/layout/reftests/abs-pos/reftest.list
index f4c24725822..1516e88e29f 100644
--- a/layout/reftests/abs-pos/reftest.list
+++ b/layout/reftests/abs-pos/reftest.list
@@ -5,6 +5,26 @@ fuzzy-if(/^Windows\x20NT\x206\.1/.test(http.oscpu)&&!layersGPUAccelerated&&!azur
 == table-1.html table-1-ref.html
 == table-2.html table-2-ref.html
 == table-3.html table-3-ref.html
+== table-cell-1.html table-internal-1-ref.html
+== table-cell-2.html table-internal-2-ref.html
+== table-cell-3.html table-internal-3-ref.html
+== table-cell-4.html table-internal-4-ref.html
+== table-row-1.html table-internal-1-ref.html
+== table-row-2.html table-internal-2-ref.html
+== table-row-3.html table-internal-3-ref.html
+== table-row-4.html table-internal-4-ref.html
+== table-row-group-1.html table-internal-1-ref.html
+== table-row-group-2.html table-internal-2-ref.html
+== table-row-group-3.html table-internal-3-ref.html
+== table-row-group-4.html table-internal-4-ref.html
+== table-header-group-1.html table-internal-1-ref.html
+== table-header-group-2.html table-internal-2-ref.html
+== table-header-group-3.html table-internal-3-ref.html
+== table-header-group-4.html table-internal-4-ref.html
+== table-footer-group-1.html table-internal-1-ref.html
+== table-footer-group-2.html table-internal-2-ref.html
+== table-footer-group-3.html table-internal-3-ref.html
+== table-footer-group-4.html table-internal-4-ref.html
 == continuation-positioned-inline-1.html continuation-positioned-inline-ref.html
 == continuation-positioned-inline-2.html continuation-positioned-inline-ref.html
 == scrollframe-1.html scrollframe-1-ref.html
diff --git a/layout/reftests/abs-pos/table-cell-1.html b/layout/reftests/abs-pos/table-cell-1.html
new file mode 100644
index 00000000000..b0c03e9a0b2
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tr>
+        <td id="rel">
+          <div class="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-2.html b/layout/reftests/abs-pos/table-cell-2.html
new file mode 100644
index 00000000000..457c6b03568
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tr>
+          <td id="rel">
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-3.html b/layout/reftests/abs-pos/table-cell-3.html
new file mode 100644
index 00000000000..52f89b1caf5
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td id="rel">
+          <div id="abs"></div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-cell-4.html b/layout/reftests/abs-pos/table-cell-4.html
new file mode 100644
index 00000000000..9831b5c9910
--- /dev/null
+++ b/layout/reftests/abs-pos/table-cell-4.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td id="rel">
+          <div id="abs"></div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-1.html b/layout/reftests/abs-pos/table-footer-group-1.html
new file mode 100644
index 00000000000..2f94a6313de
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tfoot id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-2.html b/layout/reftests/abs-pos/table-footer-group-2.html
new file mode 100644
index 00000000000..b5d70f3ef77
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tfoot id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-3.html b/layout/reftests/abs-pos/table-footer-group-3.html
new file mode 100644
index 00000000000..f5e60a0aa12
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tbody>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+      <tfoot id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-footer-group-4.html b/layout/reftests/abs-pos/table-footer-group-4.html
new file mode 100644
index 00000000000..23f1a351eaf
--- /dev/null
+++ b/layout/reftests/abs-pos/table-footer-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tbody>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </tbody>
+      <tfoot id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tfoot>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-1.html b/layout/reftests/abs-pos/table-header-group-1.html
new file mode 100644
index 00000000000..346cafeea91
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <thead id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-2.html b/layout/reftests/abs-pos/table-header-group-2.html
new file mode 100644
index 00000000000..7573e917f5d
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <thead id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-3.html b/layout/reftests/abs-pos/table-header-group-3.html
new file mode 100644
index 00000000000..0e9697d55fd
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <thead id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-header-group-4.html b/layout/reftests/abs-pos/table-header-group-4.html
new file mode 100644
index 00000000000..4533a205f90
--- /dev/null
+++ b/layout/reftests/abs-pos/table-header-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <thead id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </thead>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-1-ref.html b/layout/reftests/abs-pos/table-internal-1-ref.html
new file mode 100644
index 00000000000..34b141c18cc
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-1-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div id="rel">
+      <div class="abs"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-2-ref.html b/layout/reftests/abs-pos/table-internal-2-ref.html
new file mode 100644
index 00000000000..308935ede01
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-2-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 2px;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <div id="rel">
+        <div class="abs"></div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-3-ref.html b/layout/reftests/abs-pos/table-internal-3-ref.html
new file mode 100644
index 00000000000..fbf74508d3f
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-3-ref.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>
+          <div id="rel">
+            <div id="abs"></div>
+          </div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-internal-4-ref.html b/layout/reftests/abs-pos/table-internal-4-ref.html
new file mode 100644
index 00000000000..9180ba705f9
--- /dev/null
+++ b/layout/reftests/abs-pos/table-internal-4-ref.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+        height: 1px;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200.5px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>
+          <div id="rel">
+            <div id="abs"></div>
+          </div>
+        </td>
+        <td></td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-1.html b/layout/reftests/abs-pos/table-row-1.html
new file mode 100644
index 00000000000..6caf394e4b3
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tr id="rel">
+        <td>
+          <div class="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-2.html b/layout/reftests/abs-pos/table-row-2.html
new file mode 100644
index 00000000000..ef9a6f5d716
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-2.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tr id="rel">
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-3.html b/layout/reftests/abs-pos/table-row-3.html
new file mode 100644
index 00000000000..fbb2e77ec9e
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr style="height: 100%">
+        <td></td>
+        <td></td>
+      </tr>
+      <tr id="rel">
+        <td></td>
+        <td>
+          <div id="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-4.html b/layout/reftests/abs-pos/table-row-4.html
new file mode 100644
index 00000000000..8785e0752f1
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-4.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td, div {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <tr>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr id="rel">
+        <td></td>
+        <td>
+          <div id="abs"></div>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-1.html b/layout/reftests/abs-pos/table-row-group-1.html
new file mode 100644
index 00000000000..9f5072d7629
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-1.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <table>
+      <tbody id="rel">
+        <tr>
+          <td>
+            <div class="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-2.html b/layout/reftests/abs-pos/table-row-group-2.html
new file mode 100644
index 00000000000..619a8cc4d67
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-2.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      .abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+      #bad {
+        background-color: blue;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not completely cover the blue square.
+    <div class="abs" id="bad"></div>
+    <div style="position: relative">
+      <table>
+        <tbody id="rel">
+          <tr>
+            <td>
+              <div class="abs"></div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-3.html b/layout/reftests/abs-pos/table-row-group-3.html
new file mode 100644
index 00000000000..d5d6686b15a
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-3.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 25px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+        <tr style="height: 100%">
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <tbody id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>
diff --git a/layout/reftests/abs-pos/table-row-group-4.html b/layout/reftests/abs-pos/table-row-group-4.html
new file mode 100644
index 00000000000..c8430060c21
--- /dev/null
+++ b/layout/reftests/abs-pos/table-row-group-4.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      table {
+        width: 300px;
+        height: 300px;
+        background-color: blue;
+      }
+      td {
+        margin: 0;
+        padding: 0;
+      }
+      #rel {
+        position: relative;
+        margin: 0;
+        padding: 0;
+      }
+      #abs {
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        top: 200px;
+        left: 25px;
+        width: 50px;
+        height: 50px;
+        background-color: green;
+      }
+    </style>
+  </head>
+  <body>
+    The green square should not touch the blue square.
+    <table>
+      <colgroup>
+        <col style="width: 15%">
+        <col>
+      </colgroup>
+      <thead>
+        <tr>
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <tbody id="rel">
+        <tr>
+          <td></td>
+          <td>
+            <div id="abs"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>