diff --git a/mozilla/layout/reftests/z-index/reftest.list b/mozilla/layout/reftests/z-index/reftest.list
new file mode 100644
index 00000000000..6429201e535
--- /dev/null
+++ b/mozilla/layout/reftests/z-index/reftest.list
@@ -0,0 +1,2 @@
+== z-index-1.html z-index-1-ref.html
+
diff --git a/mozilla/layout/reftests/z-index/z-index-1-ref.html b/mozilla/layout/reftests/z-index/z-index-1-ref.html
new file mode 100644
index 00000000000..44ee8c979f0
--- /dev/null
+++ b/mozilla/layout/reftests/z-index/z-index-1-ref.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.container {
+  position:absolute;
+  width:400px;
+  height:100px;
+  background-color:yellow;
+  z-index:0;
+}
+.container > div {
+  height:100px;
+  margin-bottom:-100px;
+}
+.negative {
+  width:380px;
+  background-color:blue;
+}
+.block {
+  width:360px;
+  background-color:purple;
+}
+.float {
+  width:340px;
+  background-color:green;
+}
+.inline {
+  width:320px;
+  background-color:pink;
+}
+#outline {
+  height:60px;
+  width:260px;
+  border:20px solid gray;
+}
+.positioned {
+  width:280px;
+  background-color:magenta;
+}
+.positive {
+  width:260px;
+  background-color:orange;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="negative"></div>
+  <div class="block"></div>
+  <div class="float"></div>
+  <div class="inline"></div>
+  <div id="outline"></div>
+
+  <div class="positioned"></div>
+  <div class="positive"></div>
+</div>
+</body>
+</html>
diff --git a/mozilla/layout/reftests/z-index/z-index-1.html b/mozilla/layout/reftests/z-index/z-index-1.html
new file mode 100644
index 00000000000..b80687c9aab
--- /dev/null
+++ b/mozilla/layout/reftests/z-index/z-index-1.html
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+.container {
+  position:absolute;
+  width:400px;
+  height:100px;
+  font-size:0;
+  background-color:yellow;
+  line-height:0;
+  z-index:0;
+}
+.container > div {
+  height:100px;
+  margin-bottom:-100px;
+}
+.negative {
+  width:380px;
+  background-color:blue;
+  position:relative;
+  z-index:-1;
+}
+.block {
+  width:360px;
+  background-color:purple;
+}
+.float {
+  float:left;
+  width:340px;
+  margin-right:-340px;
+  background-color:green;
+}
+.inline {
+  width:320px;
+  display:inline-block;
+  background-color:pink;
+}
+#outline {
+  width:300px;
+  outline:20px solid gray;
+  outline-offset:-20px;
+}
+.positioned {
+  width:280px;
+  background-color:magenta;
+  position:relative;
+}
+.positive {
+  width:260px;
+  background-color:orange;
+  position:relative;
+  z-index:1;
+}
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="positive"></div>
+  <div class="positioned"></div>
+  <div id="outline"></div>
+  <div class="inline"></div>
+  <div class="float"></div>
+
+  <div class="block"></div>
+  <div class="negative"></div>
+</div>
+</body>
+</html>
