diff --git a/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html b/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html
new file mode 100644
index 000000000000..67d3d3f797c0
--- /dev/null
+++ b/layout/reftests/details-summary/move-float-summary-to-different-details-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary style="float:left;">Summary 2</summary>
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-float-summary-to-different-details.html b/layout/reftests/details-summary/move-float-summary-to-different-details.html
new file mode 100644
index 000000000000..fd474d75dc00
--- /dev/null
+++ b/layout/reftests/details-summary/move-float-summary-to-different-details.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var details1 = document.getElementById("details1");
+    var summary2 = document.getElementById("summary2");
+
+    details1.insertBefore(summary2, details1.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details1">
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <summary id="summary2" style="float: left;">Summary 2</summary>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html
new file mode 100644
index 000000000000..d1a8cfc0cf6f
--- /dev/null
+++ b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <body>
+    <details>
+      <summary style="position: absolute;">Summary 2</summary>
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html
new file mode 100644
index 000000000000..ccd1e83f45a0
--- /dev/null
+++ b/layout/reftests/details-summary/move-position-absolute-summary-to-different-details.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+  <script>
+  function runTest() {
+    var details1 = document.getElementById("details1");
+    var summary2 = document.getElementById("summary2");
+
+    details1.insertBefore(summary2, details1.children[0]);
+
+    document.documentElement.removeAttribute("class");
+  }
+  </script>
+  <body onload="runTest();">
+    <details id="details1">
+      <summary>Summary 1</summary>
+      <p>This is the details 1.</p>
+    </details>
+    <details>
+      <summary id="summary2" style="position: absolute;">Summary 2</summary>
+      <p>This is the details 2.</p>
+    </details>
+  </body>
+</html>
diff --git a/layout/reftests/details-summary/reftest.list b/layout/reftests/details-summary/reftest.list
index e416fe177d86..b4a16162e29f 100644
--- a/layout/reftests/details-summary/reftest.list
+++ b/layout/reftests/details-summary/reftest.list
@@ -101,3 +101,7 @@ fuzzy(1,1) == mouse-click-twice-float-details.html float-details.html # Bug 1316
 == details-before.html single-summary.html
 == open-details-after.html open-single-summary.html
 == open-details-before.html open-single-summary.html
+
+# Move summary element
+== move-float-summary-to-different-details.html move-float-summary-to-different-details-ref.html
+== move-position-absolute-summary-to-different-details.html move-position-absolute-summary-to-different-details-ref.html
