From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../append-to-empty-trailing-inline-1-ref.html     | 19 +++++++
 .../append-to-empty-trailing-inline-1.html         | 32 +++++++++++
 .../append-to-nested-split-inline-1-noib-ref.html  | 34 +++++++++++
 .../append-to-nested-split-inline-1-ref.html       | 22 ++++++++
 .../ib-split/append-to-nested-split-inline-1.html  | 37 ++++++++++++
 .../reftests/ib-split/ignored-margins-1-ref.html   |  8 +++
 layout/reftests/ib-split/ignored-margins-1a.html   | 16 ++++++
 layout/reftests/ib-split/ignored-margins-1b.html   | 16 ++++++
 .../reftests/ib-split/ignored-margins-2-ref.html   |  8 +++
 layout/reftests/ib-split/ignored-margins-2a.html   | 16 ++++++
 layout/reftests/ib-split/ignored-margins-2b.html   | 16 ++++++
 .../insert-into-split-inline-1-noib-ref.html       | 27 +++++++++
 .../ib-split/insert-into-split-inline-1-ref.html   | 23 ++++++++
 .../insert-into-split-inline-10-noib-ref.html      | 34 +++++++++++
 .../ib-split/insert-into-split-inline-10-ref.html  | 23 ++++++++
 .../ib-split/insert-into-split-inline-10.html      | 34 +++++++++++
 .../insert-into-split-inline-11-noib-ref.html      | 36 ++++++++++++
 .../ib-split/insert-into-split-inline-11-ref.html  | 25 +++++++++
 .../ib-split/insert-into-split-inline-11.html      | 36 ++++++++++++
 .../insert-into-split-inline-12-noib-ref.html      | 10 ++++
 .../ib-split/insert-into-split-inline-12-ref.html  |  6 ++
 .../ib-split/insert-into-split-inline-12.html      | 17 ++++++
 .../insert-into-split-inline-13-noib-ref.html      |  8 +++
 .../ib-split/insert-into-split-inline-13-ref.html  |  6 ++
 .../ib-split/insert-into-split-inline-13.html      | 24 ++++++++
 .../insert-into-split-inline-14-noib-ref.html      |  8 +++
 .../ib-split/insert-into-split-inline-14-ref.html  |  6 ++
 .../ib-split/insert-into-split-inline-14.html      | 23 ++++++++
 .../insert-into-split-inline-15-noib-ref.html      | 10 ++++
 .../ib-split/insert-into-split-inline-15-ref.html  |  6 ++
 .../ib-split/insert-into-split-inline-15.html      | 17 ++++++
 .../insert-into-split-inline-16-noib-ref.html      |  8 +++
 .../ib-split/insert-into-split-inline-16-ref.html  |  6 ++
 .../ib-split/insert-into-split-inline-16a.html     | 23 ++++++++
 .../ib-split/insert-into-split-inline-16b.html     | 23 ++++++++
 .../ib-split/insert-into-split-inline-17-ref.html  |  9 +++
 .../ib-split/insert-into-split-inline-17.html      | 20 +++++++
 .../ib-split/insert-into-split-inline-1a.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1b.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1c.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1d.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1e.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1f.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1g.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1h.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1i.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1j.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1k.html      | 35 ++++++++++++
 .../ib-split/insert-into-split-inline-1l.html      | 34 +++++++++++
 .../insert-into-split-inline-2-noib-ref.html       | 25 +++++++++
 .../ib-split/insert-into-split-inline-2-ref.html   | 20 +++++++
 .../ib-split/insert-into-split-inline-2a.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2b.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2c.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2d.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2e.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2f.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2g.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2h.html      | 32 +++++++++++
 .../ib-split/insert-into-split-inline-2i.html      | 31 +++++++++++
 .../insert-into-split-inline-3-noib-ref.html       | 27 +++++++++
 .../ib-split/insert-into-split-inline-3-ref.html   | 21 +++++++
 .../ib-split/insert-into-split-inline-3.html       | 32 +++++++++++
 .../insert-into-split-inline-4-noib-ref.html       | 27 +++++++++
 .../ib-split/insert-into-split-inline-4-ref.html   | 22 ++++++++
 .../ib-split/insert-into-split-inline-4.html       | 34 +++++++++++
 .../insert-into-split-inline-5-noib-ref.html       | 27 +++++++++
 .../ib-split/insert-into-split-inline-5-ref.html   | 21 +++++++
 .../insert-into-split-inline-5-shadow.html         | 42 ++++++++++++++
 .../insert-into-split-inline-6-noib-ref.html       | 17 ++++++
 .../ib-split/insert-into-split-inline-6-ref.html   | 14 +++++
 .../ib-split/insert-into-split-inline-6.html       | 26 +++++++++
 .../insert-into-split-inline-7-noib-ref.html       | 17 ++++++
 .../ib-split/insert-into-split-inline-7-ref.html   | 14 +++++
 .../ib-split/insert-into-split-inline-7.html       | 26 +++++++++
 .../insert-into-split-inline-8-noib-ref.html       | 23 ++++++++
 .../ib-split/insert-into-split-inline-8-ref.html   | 17 ++++++
 .../ib-split/insert-into-split-inline-8a.html      | 29 ++++++++++
 .../ib-split/insert-into-split-inline-8b.html      | 29 ++++++++++
 .../ib-split/insert-into-split-inline-8c.html      | 29 ++++++++++
 .../insert-into-split-inline-9-noib-ref.html       | 34 +++++++++++
 .../ib-split/insert-into-split-inline-9-ref.html   | 22 ++++++++
 .../ib-split/insert-into-split-inline-9.html       | 33 +++++++++++
 layout/reftests/ib-split/reftest.list              | 65 ++++++++++++++++++++++
 layout/reftests/ib-split/relpos-inline-1-ref.html  | 15 +++++
 layout/reftests/ib-split/relpos-inline-1a.html     | 22 ++++++++
 layout/reftests/ib-split/relpos-inline-1b.html     | 30 ++++++++++
 .../trailing-inline-with-continuations-1-ref.html  | 14 +++++
 .../trailing-inline-with-continuations-1.html      | 17 ++++++
 89 files changed, 2189 insertions(+)
 create mode 100644 layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/append-to-nested-split-inline-1.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1-ref.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1a.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-1b.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2-ref.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2a.html
 create mode 100644 layout/reftests/ib-split/ignored-margins-2b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-10.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-11.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-12.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-13.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-14.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-15.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-16b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-17-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-17.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1d.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1e.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1f.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1g.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1h.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1i.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1j.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1k.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-1l.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2d.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2e.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2f.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2g.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2h.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-2i.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-3.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-4.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-6.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-7.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8a.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8b.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-8c.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9-ref.html
 create mode 100644 layout/reftests/ib-split/insert-into-split-inline-9.html
 create mode 100644 layout/reftests/ib-split/reftest.list
 create mode 100644 layout/reftests/ib-split/relpos-inline-1-ref.html
 create mode 100644 layout/reftests/ib-split/relpos-inline-1a.html
 create mode 100644 layout/reftests/ib-split/relpos-inline-1b.html
 create mode 100644 layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
 create mode 100644 layout/reftests/ib-split/trailing-inline-with-continuations-1.html

(limited to 'layout/reftests/ib-split')

diff --git a/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html b/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
new file mode 100644
index 0000000000..91dbb4659f
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-empty-trailing-inline-1-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+
+	</style>
+
+</head>
+<body>
+
+<span><span>A</span><span>A</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html b/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
new file mode 100644
index 0000000000..c5f99bc530
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-empty-trailing-inline-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+	<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+	<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+	<meta name="flags" content="dom" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css">
+
+	body > span { outline: 1px dotted black; }
+	body > span > span { display: block; width: 10em; }
+
+	</style>
+
+<script>
+function boom()
+{
+  var n = document.getElementById("a");
+  n.parentNode.appendChild(n.cloneNode(true));
+}
+</script>
+
+</head>
+<body onload="boom();">
+
+<span><span id="a">A</span></span>
+
+</body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html b/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
new file mode 100644
index 0000000000..18f6aaa2c6
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .outermost { border: 2px solid; }
+      .outer { border: 4px solid yellow; }
+      .inner { border: 6px sold green; }
+    </style>
+  </head>
+  <body>
+    <span class="outermost" style="border-right: none">
+      <span class="outer" style="border-right: none">
+        <span class="inner" style="border-right: none">
+        </span>
+      </span>
+    </span>
+    <span style="display: block"></span>
+    <span class="outermost" style="border-right: none; border-left: none">
+      <span class="outer" style="border-right: none; border-left: none">
+        <span class="inner" style="border-right: nonel border-left: none">
+          before span
+        </span>
+      </span>
+    </span>
+    <span style="display: block">span</span>
+    <span class="outermost" style="border-left: none">
+      <span class="outer" style="border-left: none">
+        <span class="inner" style="border-left: none">
+          after span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html b/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
new file mode 100644
index 0000000000..fd54f25327
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #outermost { border: 2px solid; }
+      #outer { border: 4px solid yellow; }
+      #inner { border: 6px sold green; }
+    </style>
+  </head>
+  <body>
+    <span id="outermost">
+      <span id="outer">
+        <span id="inner">
+          <span style="display: block"></span>
+          before span
+          <span style="display: block">span</span>
+          after span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/append-to-nested-split-inline-1.html b/layout/reftests/ib-split/append-to-nested-split-inline-1.html
new file mode 100644
index 0000000000..0e4d2e11c4
--- /dev/null
+++ b/layout/reftests/ib-split/append-to-nested-split-inline-1.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #outermost { border: 2px solid; }
+      #outer { border: 4px solid yellow; }
+      #inner { border: 6px sold green; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("inner");
+        var frag = document.createDocumentFragment();
+        var newSpan = document.createElement("span");
+        newSpan.appendChild(document.createTextNode("span"));
+        newSpan.style.display = "block";
+        frag.appendChild(newSpan);
+        frag.appendChild(document.createTextNode("after span"));
+        i.appendChild(frag);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="outermost">
+      <span id="outer">
+        <span id="inner">
+          <span style="display: block"></span>
+          before span
+        </span>
+      </span>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1-ref.html b/layout/reftests/ib-split/ignored-margins-1-ref.html
new file mode 100644
index 0000000000..dffae6e886
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="width: 100px; border: 1px solid green;">
+      <div style="display: block; height: 20px; width: 80px; margin: 10px 0 10px 10px; border: 5px solid black"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1a.html b/layout/reftests/ib-split/ignored-margins-1a.html
new file mode 100644
index 0000000000..5b84b9b586
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: ltr; width: 100px; border: 1px solid green;">
+      <span>
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-1b.html b/layout/reftests/ib-split/ignored-margins-1b.html
new file mode 100644
index 0000000000..7707aac384
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-1b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: ltr; width: 100px; border: 1px solid green;">
+      <span style="direction: rtl">
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2-ref.html b/layout/reftests/ib-split/ignored-margins-2-ref.html
new file mode 100644
index 0000000000..029351265c
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="width: 100px; border: 1px solid green;">
+      <div style="display: block; height: 20px; width: 80px; margin: 10px 10px 10px 0; border: 5px solid black"></div>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2a.html b/layout/reftests/ib-split/ignored-margins-2a.html
new file mode 100644
index 0000000000..ddd8c7c670
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: rtl; width: 100px; border: 1px solid green;">
+      <span>
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/ignored-margins-2b.html b/layout/reftests/ib-split/ignored-margins-2b.html
new file mode 100644
index 0000000000..f1db340706
--- /dev/null
+++ b/layout/reftests/ib-split/ignored-margins-2b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body>
+    <div style="direction: rtl; width: 100px; border: 1px solid green;">
+      <span style="direction: ltr">
+        <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black">
+        </span>
+      </span>
+    </div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
new file mode 100644
index 0000000000..f1fc4662bf
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend">
+     <span>One</span><span>Two</span><span>Three</span>
+   </span>
+   <div>Four</div>
+   <span class="notstart notend"></span>
+   <div>Five</div>
+   <span class="notstart notend">
+     <span>Six</span>
+   </span>
+   <div>Seven</div>
+   <span class="notstart notend"></span>
+   <div>Eight</div>
+   <span class="notstart">
+     <span>Nine</span><span>Ten</span><span>Eleven</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1-ref.html b/layout/reftests/ib-split/insert-into-split-inline-1-ref.html
new file mode 100644
index 0000000000..d39c1e9c15
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
new file mode 100644
index 0000000000..314918890d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span class="notstart">
+      <span>Nine</span><span>Ten</span>
+    </span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10-ref.html b/layout/reftests/ib-split/insert-into-split-inline-10-ref.html
new file mode 100644
index 0000000000..edfd76a8ab
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span><span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-10.html b/layout/reftests/ib-split/insert-into-split-inline-10.html
new file mode 100644
index 0000000000..4a7f13bb5f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-10.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   body > span > span::after { content: "Ten" }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span><span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
new file mode 100644
index 0000000000..33448d82a8
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11-noib-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart notend">
+    <span class="notstart">
+      <span>Nine</span>
+    </span>
+  </span>
+  <div>Ten</div>
+  <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11-ref.html b/layout/reftests/ib-split/insert-into-split-inline-11-ref.html
new file mode 100644
index 0000000000..ac41e37a4d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span
+   ><span>One</span
+   ><span>Two</span
+   ><span>Three</span
+   ><div>Four</div
+   ><div>Five</div
+   ><span>Six</span
+   ><div>Seven</div
+   ><div>Eight</div
+   ><span>Nine</span
+  ></span
+  ><div>Ten</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-11.html b/layout/reftests/ib-split/insert-into-split-inline-11.html
new file mode 100644
index 0000000000..bb407bd828
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-11.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span
+  ><span id="target"
+   ><span>One</span
+   ><span>Two</span
+   ><span>Three</span
+   ><div>Four</div
+   ><div>Five</div
+   ><span>Six</span
+   ><div>Seven</div
+   ><div>Eight</div
+  ></span
+  ><div>Ten</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
new file mode 100644
index 0000000000..48bbbe2dc5
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12-noib-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none">One</div>
+    <div>Two</div>
+    <div style="display: inline; border: 2px; border-style: solid none"></div>
+    <div>Three</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12-ref.html b/layout/reftests/ib-split/insert-into-split-inline-12-ref.html
new file mode 100644
index 0000000000..caff28798d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid">One<div>Two</div><div>Three</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-12.html b/layout/reftests/ib-split/insert-into-split-inline-12.html
new file mode 100644
index 0000000000..ef60b86f00
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-12.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { display: inline; border: 2px solid; }
+      #i::after { display: block; content: "Three"; }
+    </style>
+  </head>
+  <body>
+    <div id="i"><script>document.body.offsetWidth</script>One<div>Two</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
new file mode 100644
index 0000000000..b6c0d51725
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-left: none">TwoThree</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13-ref.html b/layout/reftests/ib-split/insert-into-split-inline-13-ref.html
new file mode 100644
index 0000000000..3f0c3853b3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>TwoThree</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-13.html b/layout/reftests/ib-split/insert-into-split-inline-13.html
new file mode 100644
index 0000000000..fd62e4cb7f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-13.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::before { display: block; content: "One"; }
+      #i::after { content: "Three"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("Two"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
new file mode 100644
index 0000000000..67b3f7b3ad
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-left: none">Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14-ref.html b/layout/reftests/ib-split/insert-into-split-inline-14-ref.html
new file mode 100644
index 0000000000..4f3817d4ea
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-14.html b/layout/reftests/ib-split/insert-into-split-inline-14.html
new file mode 100644
index 0000000000..84cbd5e02c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-14.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::before { display: block; content: "One"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("Two"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
new file mode 100644
index 0000000000..855b0fcfb4
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15-noib-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right:none"></div>
+    <div>One</div>
+    <div style="display: inline; border: 2px solid; border-right:none; border-left: none">Two</div>
+    <div>Three</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15-ref.html b/layout/reftests/ib-split/insert-into-split-inline-15-ref.html
new file mode 100644
index 0000000000..20dfadfad5
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid"><div>One</div>Two<div>Three</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-15.html b/layout/reftests/ib-split/insert-into-split-inline-15.html
new file mode 100644
index 0000000000..3623272a49
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-15.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { display: inline; border: 2px solid; }
+      #i::after { display: block; content: "Three"; }
+    </style>
+  </head>
+  <body>
+    <div id="i"><script>document.body.offsetWidth</script><div>One</div>Two</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
new file mode 100644
index 0000000000..e2166cae2c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16-noib-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid; border-right: none">One</div>
+    <div>Two</div>
+    <div style="display: inline; border: 2px solid; border-left: none"></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16-ref.html b/layout/reftests/ib-split/insert-into-split-inline-16-ref.html
new file mode 100644
index 0000000000..dfba61f0b6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <div style="display: inline; border: 2px solid">One<div>Two</div></div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16a.html b/layout/reftests/ib-split/insert-into-split-inline-16a.html
new file mode 100644
index 0000000000..245dc2f1c6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16a.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::after { display: block; content: "Two"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.insertBefore(document.createTextNode("One"), i.firstChild);
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"><span style="display: none"></span></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-16b.html b/layout/reftests/ib-split/insert-into-split-inline-16b.html
new file mode 100644
index 0000000000..f22363abee
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-16b.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+    <style>
+      #i { border: 2px solid; }
+      #i::after { display: block; content: "Two"; }
+    </style>
+    <script>
+      function doTest() {
+        var i = document.getElementById("i");
+        i.appendChild(document.createTextNode("One"));
+      }
+    </script>
+  </head>
+  <body onload="doTest()">
+    <span id="i"></span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-17-ref.html b/layout/reftests/ib-split/insert-into-split-inline-17-ref.html
new file mode 100644
index 0000000000..2a37db0d08
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-17-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<style>
+  span { color: green; }
+</style>
+<span>
+  <div></div>
+  First Second Third
+  <div></div>
+</span>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-17.html b/layout/reftests/ib-split/insert-into-split-inline-17.html
new file mode 100644
index 0000000000..741264e80d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-17.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<style>
+  #target { color: red; }
+  #target.green { color: green; }
+</style>
+<span id="target">
+  <div></div>
+  First <span id="next"> Third</span>
+  <div></div>
+</span>
+<script>
+  onload = function() {
+    var s = document.querySelector("#target");
+    window.color = getComputedStyle(s).color;
+    s.className = "green";
+    window.newColor = getComputedStyle(s).color;
+    s.insertBefore(document.createTextNode("Second"),
+                   s.querySelector("#next"));
+  }
+</script>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1a.html b/layout/reftests/ib-split/insert-into-split-inline-1a.html
new file mode 100644
index 0000000000..3c06bf170f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1a.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1b.html b/layout/reftests/ib-split/insert-into-split-inline-1b.html
new file mode 100644
index 0000000000..2a7ce1f4c0
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1b.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1c.html b/layout/reftests/ib-split/insert-into-split-inline-1c.html
new file mode 100644
index 0000000000..77c4b649f6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1c.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Three"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><div id="insertion">Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1d.html b/layout/reftests/ib-split/insert-into-split-inline-1d.html
new file mode 100644
index 0000000000..7adb00cbf6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1d.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div id="insertion">Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1e.html b/layout/reftests/ib-split/insert-into-split-inline-1e.html
new file mode 100644
index 0000000000..3e77ec03ec
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1e.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Five"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><span id="insertion">Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1f.html b/layout/reftests/ib-split/insert-into-split-inline-1f.html
new file mode 100644
index 0000000000..b4e8293d12
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1f.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Six"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><div id="insertion">Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1g.html b/layout/reftests/ib-split/insert-into-split-inline-1g.html
new file mode 100644
index 0000000000..60ef581d56
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1g.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Seven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div id="insertion">Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1h.html b/layout/reftests/ib-split/insert-into-split-inline-1h.html
new file mode 100644
index 0000000000..7e88a8fbaf
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1h.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><span id="insertion">Nine</span
+  ><span>Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1i.html b/layout/reftests/ib-split/insert-into-split-inline-1i.html
new file mode 100644
index 0000000000..284a093a44
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1i.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span id="insertion">Ten</span
+  ><span>Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1j.html b/layout/reftests/ib-split/insert-into-split-inline-1j.html
new file mode 100644
index 0000000000..7156be5239
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1j.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Ten"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span id="insertion">Eleven</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1k.html b/layout/reftests/ib-split/insert-into-split-inline-1k.html
new file mode 100644
index 0000000000..ac9a562a3f
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1k.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Eleven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-1l.html b/layout/reftests/ib-split/insert-into-split-inline-1l.html
new file mode 100644
index 0000000000..810814c199
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-1l.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Eleven"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
new file mode 100644
index 0000000000..2ce2bb965b
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2-noib-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2-ref.html b/layout/reftests/ib-split/insert-into-split-inline-2-ref.html
new file mode 100644
index 0000000000..f70579c0e3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2a.html b/layout/reftests/ib-split/insert-into-split-inline-2a.html
new file mode 100644
index 0000000000..08e2356e78
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2a.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2b.html b/layout/reftests/ib-split/insert-into-split-inline-2b.html
new file mode 100644
index 0000000000..e665c05657
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2b.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2c.html b/layout/reftests/ib-split/insert-into-split-inline-2c.html
new file mode 100644
index 0000000000..7d2d3fad2c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2c.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Three"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><div id="insertion">Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2d.html b/layout/reftests/ib-split/insert-into-split-inline-2d.html
new file mode 100644
index 0000000000..b432ab3072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2d.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div id="insertion">Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2e.html b/layout/reftests/ib-split/insert-into-split-inline-2e.html
new file mode 100644
index 0000000000..33ae4ae487
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2e.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Five"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><span id="insertion">Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2f.html b/layout/reftests/ib-split/insert-into-split-inline-2f.html
new file mode 100644
index 0000000000..9cf57ed5dc
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2f.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Six"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><div id="insertion">Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2g.html b/layout/reftests/ib-split/insert-into-split-inline-2g.html
new file mode 100644
index 0000000000..4bea3c12b3
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2g.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Seven"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div id="insertion">Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2h.html b/layout/reftests/ib-split/insert-into-split-inline-2h.html
new file mode 100644
index 0000000000..365e6c6015
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2h.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-2i.html b/layout/reftests/ib-split/insert-into-split-inline-2i.html
new file mode 100644
index 0000000000..f45e802f59
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-2i.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Eight"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
new file mode 100644
index 0000000000..1fc31e04dd
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3-ref.html b/layout/reftests/ib-split/insert-into-split-inline-3-ref.html
new file mode 100644
index 0000000000..0f1f774072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-3.html b/layout/reftests/ib-split/insert-into-split-inline-3.html
new file mode 100644
index 0000000000..75d6e45fea
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
new file mode 100644
index 0000000000..adcb6bc4ff
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span><span>Ten</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4-ref.html b/layout/reftests/ib-split/insert-into-split-inline-4-ref.html
new file mode 100644
index 0000000000..40f9b4d9d6
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+  ><span>Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-4.html b/layout/reftests/ib-split/insert-into-split-inline-4.html
new file mode 100644
index 0000000000..ab855cb32d
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-4.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span id="insertion">Ten</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
new file mode 100644
index 0000000000..1fc31e04dd
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-noib-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span><span>Two</span><span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span>Six</span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span>Nine</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-ref.html b/layout/reftests/ib-split/insert-into-split-inline-5-ref.html
new file mode 100644
index 0000000000..0f1f774072
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html b/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
new file mode 100644
index 0000000000..327840d9d2
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-5-shadow.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <script>
+    customElements.define("custom-element", class extends HTMLElement {
+      constructor() {
+        super();
+        const template = document.getElementById("template");
+        const shadowRoot = this.attachShadow({mode: "open"})
+          .appendChild(template.content.cloneNode(true));
+      }
+    });
+    function doit() {
+      var newNode = document.createElement("span");
+      newNode.appendChild(document.createTextNode("Nine"));
+      document.getElementById("target").appendChild(newNode);
+    }
+  </script>
+  <style>
+   body > custom-element { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+ <template id="template">
+   <!-- Multiple insertion points to force appends to be handled via
+       ContentInserted -->
+  <slot name="foo"></slot>
+  <slot name="bar"></slot>
+  <slot></slot>
+ </template>
+  <custom-element id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></custom-element>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
new file mode 100644
index 0000000000..d108d46261
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend"></span>
+   <div>One</div>
+   <span class="notstart notend"></span>
+   <div>Two</div>
+   <span class="notstart"></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6-ref.html b/layout/reftests/ib-split/insert-into-split-inline-6-ref.html
new file mode 100644
index 0000000000..db4a17e81b
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+   <span
+   ><div>One</div
+   ><div>Two</div
+  ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-6.html b/layout/reftests/ib-split/insert-into-split-inline-6.html
new file mode 100644
index 0000000000..5369d45e7c
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-6.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><div id="insertion">Two</div
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
new file mode 100644
index 0000000000..970a2000b2
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7-noib-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+   <span class="notend"></span>
+   <div>One</div>
+   <span class="notstart">
+     <span>Two</span>
+   </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7-ref.html b/layout/reftests/ib-split/insert-into-split-inline-7-ref.html
new file mode 100644
index 0000000000..b1de27398e
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+   <span
+   ><div>One</div
+   ><span>Two</span
+  ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-7.html b/layout/reftests/ib-split/insert-into-split-inline-7.html
new file mode 100644
index 0000000000..72c0fa35d9
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-7.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span id="insertion">Two</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
new file mode 100644
index 0000000000..676c6d6b06
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8-noib-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span>One</span>
+  </span>
+  <div>Two</div>
+  <span class="notstart notend">
+    <span>Three</span>
+  </span>
+  <div>Four</div>
+  <span class="notstart">
+    <span>Five</span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8-ref.html b/layout/reftests/ib-split/insert-into-split-inline-8-ref.html
new file mode 100644
index 0000000000..7da41de3cb
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body>
+  <span
+  ><span>One</span
+  ><div>Two</div
+  ><span>Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8a.html b/layout/reftests/ib-split/insert-into-split-inline-8a.html
new file mode 100644
index 0000000000..4cc69e95da
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8a.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Two"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><span id="insertion">Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8b.html b/layout/reftests/ib-split/insert-into-split-inline-8b.html
new file mode 100644
index 0000000000..0268a5dabe
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8b.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("div");
+     newNode.appendChild(document.createTextNode("Four"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><span>One</span
+  ><div>Two</div
+  ><span>Three</span
+  ><span id="insertion">Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-8c.html b/layout/reftests/ib-split/insert-into-split-inline-8c.html
new file mode 100644
index 0000000000..2af4c34ae8
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-8c.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("One"));
+     document.getElementById("target")
+             .insertBefore(newNode, document.getElementById("insertion"));
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span id="target"
+  ><div id="insertion">Two</div
+  ><span>Three</span
+  ><div>Four</div
+  ><span>Five</span
+ ></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html b/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
new file mode 100644
index 0000000000..f8d4452c35
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9-noib-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+   .notstart { border-left: none; }
+   .notend { border-right: none; }
+  </style>
+ </head>
+ <body>
+  <span class="notend">
+    <span class="notend">
+      <span>One</span><span>Two</span><span>Three</span>
+    </span>
+  </span>
+  <div>Four</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Five</div>
+  <span class="notstart notend">
+    <span class="notstart notend">
+      <span>Six</span>
+    </span>
+  </span>
+  <div>Seven</div>
+  <span class="notstart notend"><span class="notstart notend"></span></span>
+  <div>Eight</div>
+  <span class="notstart">
+    <span class="notstart">
+      <span>Nine</span>
+    </span>
+  </span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9-ref.html b/layout/reftests/ib-split/insert-into-split-inline-9-ref.html
new file mode 100644
index 0000000000..5b6360f8f0
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+ <head>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body>
+  <span><span
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+  ><span>Nine</span
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/insert-into-split-inline-9.html b/layout/reftests/ib-split/insert-into-split-inline-9.html
new file mode 100644
index 0000000000..863a5ccf56
--- /dev/null
+++ b/layout/reftests/ib-split/insert-into-split-inline-9.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="dom" />
+  <script>
+   function doit() {
+     var newNode = document.createElement("span");
+     newNode.appendChild(document.createTextNode("Nine"));
+     document.getElementById("target").appendChild(newNode);
+   }
+  </script>
+  <style>
+   body > span { border: 3px solid blue }
+   body > span > span { border: 3px solid cyan }
+  </style>
+ </head>
+ <body onload='doit()'>
+  <span><span id="target"
+  ><span>One</span
+  ><span>Two</span
+  ><span>Three</span
+  ><div>Four</div
+  ><div>Five</div
+  ><span>Six</span
+  ><div>Seven</div
+  ><div>Eight</div
+ ></span></span>
+ </body>
+</html>
diff --git a/layout/reftests/ib-split/reftest.list b/layout/reftests/ib-split/reftest.list
new file mode 100644
index 0000000000..4fd2d9318d
--- /dev/null
+++ b/layout/reftests/ib-split/reftest.list
@@ -0,0 +1,65 @@
+== insert-into-split-inline-1a.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1b.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1c.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1d.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1e.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1f.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1g.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1h.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1i.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1j.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1k.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1l.html insert-into-split-inline-1-ref.html
+== insert-into-split-inline-1-ref.html insert-into-split-inline-1-noib-ref.html
+== insert-into-split-inline-2a.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2b.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2c.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2d.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2e.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2f.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2g.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2h.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2i.html insert-into-split-inline-2-ref.html
+== insert-into-split-inline-2-ref.html insert-into-split-inline-2-noib-ref.html
+== insert-into-split-inline-3.html insert-into-split-inline-3-ref.html
+== insert-into-split-inline-3-ref.html insert-into-split-inline-3-noib-ref.html
+== insert-into-split-inline-4.html insert-into-split-inline-4-ref.html
+== insert-into-split-inline-4-ref.html insert-into-split-inline-4-noib-ref.html
+== insert-into-split-inline-5-shadow.html insert-into-split-inline-5-ref.html
+== insert-into-split-inline-5-ref.html insert-into-split-inline-5-noib-ref.html
+== insert-into-split-inline-6.html insert-into-split-inline-6-ref.html
+== insert-into-split-inline-6-ref.html insert-into-split-inline-6-noib-ref.html
+== insert-into-split-inline-7.html insert-into-split-inline-7-ref.html
+== insert-into-split-inline-7-ref.html insert-into-split-inline-7-noib-ref.html
+== insert-into-split-inline-8a.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8b.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8c.html insert-into-split-inline-8-ref.html
+== insert-into-split-inline-8-ref.html insert-into-split-inline-8-noib-ref.html
+== insert-into-split-inline-9.html insert-into-split-inline-9-ref.html
+== insert-into-split-inline-9-ref.html insert-into-split-inline-9-noib-ref.html
+== insert-into-split-inline-10.html insert-into-split-inline-10-ref.html
+== insert-into-split-inline-10-ref.html insert-into-split-inline-10-noib-ref.html
+== insert-into-split-inline-11.html insert-into-split-inline-11-ref.html
+== insert-into-split-inline-11-ref.html insert-into-split-inline-11-noib-ref.html
+== insert-into-split-inline-12.html insert-into-split-inline-12-ref.html
+== insert-into-split-inline-12-ref.html insert-into-split-inline-12-noib-ref.html
+== insert-into-split-inline-13.html insert-into-split-inline-13-ref.html
+== insert-into-split-inline-13-ref.html insert-into-split-inline-13-noib-ref.html
+== insert-into-split-inline-14.html insert-into-split-inline-14-ref.html
+== insert-into-split-inline-14-ref.html insert-into-split-inline-14-noib-ref.html
+== insert-into-split-inline-15.html insert-into-split-inline-15-ref.html
+== insert-into-split-inline-15-ref.html insert-into-split-inline-15-noib-ref.html
+== insert-into-split-inline-16a.html insert-into-split-inline-16-ref.html
+== insert-into-split-inline-16b.html insert-into-split-inline-16-ref.html
+== insert-into-split-inline-16-ref.html insert-into-split-inline-16-noib-ref.html
+== insert-into-split-inline-17.html insert-into-split-inline-17-ref.html
+== ignored-margins-1a.html ignored-margins-1-ref.html
+== ignored-margins-1b.html ignored-margins-1-ref.html
+== ignored-margins-2a.html ignored-margins-2-ref.html
+== ignored-margins-2b.html ignored-margins-2-ref.html
+== trailing-inline-with-continuations-1.html trailing-inline-with-continuations-1-ref.html
+== append-to-empty-trailing-inline-1.html append-to-empty-trailing-inline-1-ref.html
+== append-to-nested-split-inline-1.html append-to-nested-split-inline-1-ref.html
+== append-to-nested-split-inline-1-ref.html append-to-nested-split-inline-1-noib-ref.html
+== relpos-inline-1a.html relpos-inline-1-ref.html
+== relpos-inline-1b.html relpos-inline-1-ref.html
diff --git a/layout/reftests/ib-split/relpos-inline-1-ref.html b/layout/reftests/ib-split/relpos-inline-1-ref.html
new file mode 100644
index 0000000000..074c4fc480
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      span, div { position: relative; left: 200px }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span>All text should be offset 200px.</span>
+    <div>Some more text</div>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/relpos-inline-1a.html b/layout/reftests/ib-split/relpos-inline-1a.html
new file mode 100644
index 0000000000..b2059bc67e
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1a.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+    <style>
+      span { position: relative; left: 200px }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span style="position: relative; left: 200px">
+      All text should be offset 200px.
+      <div>Some more text</div>
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/relpos-inline-1b.html b/layout/reftests/ib-split/relpos-inline-1b.html
new file mode 100644
index 0000000000..e9f7bd62cf
--- /dev/null
+++ b/layout/reftests/ib-split/relpos-inline-1b.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+  <head>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+    <style>
+      span { position: relative }
+      html {
+        overflow: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <span style="position: relative; left: 100px">
+      All text should be offset 200px.
+      <div>Some more text</div>
+    </span>
+    <script>
+      onload = function() {
+        var s = document.querySelector("span");
+        s.offsetWidth; // flush layout
+        s.style.left = "200px";
+        document.documentElement.className = "";
+      }
+    </script>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html b/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
new file mode 100644
index 0000000000..cb880abbb5
--- /dev/null
+++ b/layout/reftests/ib-split/trailing-inline-with-continuations-1-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <body style="width: 0">
+    <span style="border: 2px solid blue; border-right: none"></span>
+    <span style="display: block"></span>
+    <span style="border: 2px solid blue; border-left: none; border-right: none">
+      a b
+    </span>
+    <span style="display: block"></span>
+    <span style="border: 2px solid blue; border-left: none;">
+      c
+    </span>
+  </body>
+</html>
diff --git a/layout/reftests/ib-split/trailing-inline-with-continuations-1.html b/layout/reftests/ib-split/trailing-inline-with-continuations-1.html
new file mode 100644
index 0000000000..f2ea255e2f
--- /dev/null
+++ b/layout/reftests/ib-split/trailing-inline-with-continuations-1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+    <meta name="flags" content="" />
+  <body style="width: 0">
+    <span style="border: 2px solid blue;">
+      <span style="display: block"></span>
+      a b
+      <script>document.body.offsetWidth</script>
+      <span style="display: block"></span>
+      c
+    </span>
+  </body>
+</html>
-- 
cgit v1.2.3