diff --git a/layout/reftests/bugs/384876-1-ref.html b/layout/reftests/bugs/384876-1-ref.html
new file mode 100644
index 000000000000..e3fc7e061696
--- /dev/null
+++ b/layout/reftests/bugs/384876-1-ref.html
@@ -0,0 +1,37 @@
+<html>
+<head>
+    <title>Width:auto and padding</title>
+</head>
+
+<body>
+
+<div style="border-bottom:5px solid #000;
+            overflow: hidden;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:20px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:hidden)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            overflow: visible;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:60px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:visible)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            overflow: auto;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:100px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:auto)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:140px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (no overflow defined)</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/384876-1.html b/layout/reftests/bugs/384876-1.html
new file mode 100644
index 000000000000..06a359230623
--- /dev/null
+++ b/layout/reftests/bugs/384876-1.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+    <title>Width:auto and padding</title>
+</head>
+
+<body>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: hidden;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:20px"><div>The bottom border should end with my text (overflow:hidden)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: visible;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:60px"><div>The bottom border should end with my text (overflow:visible)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            overflow: auto;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:100px"><div>The bottom border should end with my text (overflow:auto)</div></div>
+
+<div style="border-bottom:5px solid #000;
+            padding: 0px 0px 0px 45px;
+            background-color:#fbb;
+            position: absolute; 
+            left:0px;
+            top:140px"><div>The bottom border should end with my text (no overflow defined)</div></div>
+
+
+</body>
+</html>
diff --git a/layout/reftests/bugs/reftest.list b/layout/reftests/bugs/reftest.list
index 0af52dbd47bc..15b70cf243df 100644
--- a/layout/reftests/bugs/reftest.list
+++ b/layout/reftests/bugs/reftest.list
@@ -277,5 +277,6 @@ random-if(MOZ_WIDGET_TOOLKIT=="cocoa") == 379316-2.html 379316-2-ref.html # bug
 == 382600-1.html 382600-1-ref.html
 == 383551-1.html 383551-1-ref.html
 == 384576-1.html 384576-1-ref.html
+== 384876-1.html 384876-1-ref.html
 == 386920-1.html 386920-1-ref.html
 == 387344-1.html 387344-1-ref.html
