From f30d8a3bdb2e9622df4a0ca17eee8186ed78e7d5 Mon Sep 17 00:00:00 2001
From: "dbaron%dbaron.org"
 <dbaron%dbaron.org@18797224-902f-48f8-a5cc-f745e15eee43>
Date: Thu, 22 Feb 2007 23:27:18 +0000
Subject: [PATCH] Add tests for collapsed borders and foreground images.

git-svn-id: svn://10.0.0.236/trunk@220772 18797224-902f-48f8-a5cc-f745e15eee43
---
 .../collapsed-border-height-4.html            | 44 +++++++++++++++
 .../collapsed-border-height-5.html            | 44 +++++++++++++++
 .../collapsed-border-height-6.html            | 44 +++++++++++++++
 .../collapsed-border-left-4.html              | 44 +++++++++++++++
 .../collapsed-border-left-5.html              | 44 +++++++++++++++
 .../collapsed-border-left-6.html              | 44 +++++++++++++++
 .../collapsed-border-top-4.html               | 44 +++++++++++++++
 .../collapsed-border-top-5.html               | 44 +++++++++++++++
 .../collapsed-border-top-6.html               | 44 +++++++++++++++
 .../collapsed-border-width-4.html             | 44 +++++++++++++++
 .../collapsed-border-width-5.html             | 44 +++++++++++++++
 .../collapsed-border-width-6.html             | 44 +++++++++++++++
 .../pixel-rounding/image-base-ref.html        | 45 ++++++++++++++++
 .../pixel-rounding/image-height-10-ref.html   | 45 ++++++++++++++++
 .../pixel-rounding/image-height-4.html        | 45 ++++++++++++++++
 .../pixel-rounding/image-height-5.html        | 45 ++++++++++++++++
 .../pixel-rounding/image-height-6.html        | 45 ++++++++++++++++
 .../pixel-rounding/image-height-top-4.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-height-top-5.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-height-top-6.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-left-10-ref.html     | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-left-4.html | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-left-5.html | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-left-6.html | 45 ++++++++++++++++
 .../pixel-rounding/image-left-width-4.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-left-width-5.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-left-width-6.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-top-10-ref.html      | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-top-4.html  | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-top-5.html  | 45 ++++++++++++++++
 .../reftests/pixel-rounding/image-top-6.html  | 45 ++++++++++++++++
 .../pixel-rounding/image-top-height-4.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-top-height-5.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-top-height-6.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-width-10-ref.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-width-4.html         | 45 ++++++++++++++++
 .../pixel-rounding/image-width-5.html         | 45 ++++++++++++++++
 .../pixel-rounding/image-width-6.html         | 45 ++++++++++++++++
 .../pixel-rounding/image-width-left-4.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-width-left-5.html    | 45 ++++++++++++++++
 .../pixel-rounding/image-width-left-6.html    | 45 ++++++++++++++++
 .../reftests/pixel-rounding/reftest.list      | 54 +++++++++++++++++++
 42 files changed, 1887 insertions(+)
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-height-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-height-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-height-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-left-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-left-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-left-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-top-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-top-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-top-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-width-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-width-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/collapsed-border-width-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-base-ref.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-10-ref.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-top-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-top-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-height-top-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-10-ref.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-width-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-width-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-left-width-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-10-ref.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-height-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-height-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-top-height-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-10-ref.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-6.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-left-4.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-left-5.html
 create mode 100644 mozilla/layout/reftests/pixel-rounding/image-width-left-6.html

diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-4.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-4.html
new file mode 100644
index 00000000000..93d23553267
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10px; border-top: 10.4px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10.4px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.4px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10.4px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10.4px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10.4px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10.4px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10.4px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; width: 10px; border-top: 5.4px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.4px solid green;"></div>
+<div style="top: 10px; left: 210px; height: 10.4px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.4px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.4px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5.4px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.4px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-5.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-5.html
new file mode 100644
index 00000000000..272e885897c
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10px; border-top: 10.5px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10.5px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.5px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10.5px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10.5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10.5px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; width: 10px; border-top: 5.5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.5px solid green;"></div>
+<div style="top: 10px; left: 210px; height: 10.5px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-top: 5.5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-top: 5.5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5.5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-6.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-6.html
new file mode 100644
index 00000000000..3c812c46366
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-height-6.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10px; border-top: 10.6px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10.6px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.6px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10.6px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10.6px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10.6px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; width: 10px; border-top: 5.6px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.6px solid green;"></div>
+<div style="top: 10px; left: 210px; height: 10.6px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.6px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.6px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.6px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-top: 5.6px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.6px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-top: 5.6px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5.6px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.6px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-4.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-4.html
new file mode 100644
index 00000000000..f2c1b388db8
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10.4px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30.4px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50.4px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70.4px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90.4px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110.4px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130.4px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150.4px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 210.4px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230.4px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250.4px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-5.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-5.html
new file mode 100644
index 00000000000..a9d75367be8
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10.5px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30.5px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50.5px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70.5px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90.5px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110.5px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130.5px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150.5px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170.5px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190.5px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 210.5px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230.5px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250.5px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270.5px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290.5px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310.5px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330.5px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-6.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-6.html
new file mode 100644
index 00000000000..5f5ec028e0f
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-left-6.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10.6px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30.6px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 50.6px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70.6px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90.6px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 110.6px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10px; left: 130.6px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10px; left: 150.6px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 210.6px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230.6px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250.6px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310.6px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330.6px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-4.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-4.html
new file mode 100644
index 00000000000..c26616405b0
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10.4px; left: 10px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10.4px; left: 30px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10.4px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10.4px; left: 70px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10.4px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.4px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.4px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.4px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10.4px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.4px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.4px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10.4px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.4px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.4px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.4px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.4px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.4px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10.4px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.4px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-5.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-5.html
new file mode 100644
index 00000000000..28eac74f31b
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10.5px; left: 10px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10.5px; left: 30px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10.5px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10.5px; left: 70px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10.5px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.5px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.5px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.5px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10.5px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.5px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.5px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10.5px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.5px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.5px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.5px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.5px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.5px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10.5px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.5px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-6.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-6.html
new file mode 100644
index 00000000000..2012cfe4b7a
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-top-6.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10.6px; left: 10px; width: 10px; border-top: 10px solid green"></div>
+<div style="top: 10.6px; left: 30px; height: 10px; border-right: 10px solid green"></div>
+<div style="top: 10.6px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
+<div style="top: 10.6px; left: 70px; height: 10px; border-left: 10px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10.6px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.6px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.6px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.6px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10.6px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.6px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
+<div style="top: 10.6px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10.6px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.6px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.6px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.6px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
+<div style="top: 10.6px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+<div style="top: 10.6px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10.6px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10.6px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-4.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-4.html
new file mode 100644
index 00000000000..8081aa041e2
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10.4px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10px; border-right: 10.4px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10.4px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10px; border-left: 10.4px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.4px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.4px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.4px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.4px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; height: 10px; border-left: 5.4px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.4px solid green;"></div>
+<div style="top: 10px; left: 210px; width: 10.4px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.4px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.4px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.4px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-left: 5.4px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.4px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-left: 5.4px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.4px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.4px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-5.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-5.html
new file mode 100644
index 00000000000..04fcf2fc515
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-5.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10.5px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10px; border-right: 10.5px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10.5px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10px; border-left: 10.5px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.5px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.5px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.5px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.5px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; height: 10px; border-left: 5.5px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.5px solid green;"></div>
+<div style="top: 10px; left: 210px; width: 10.5px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.5px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.5px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-left: 5.5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.5px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-left: 5.5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.5px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-6.html b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-6.html
new file mode 100644
index 00000000000..c7ba93ae13b
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/collapsed-border-width-6.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { display: table; position: absolute; }
+
+</style>
+</head>
+<body>
+
+<!-- one border -->
+<div style="top: 10px; left: 10px; width: 10.6px; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 30px; height: 10px; border-right: 10.6px solid green"></div>
+<div style="top: 10px; left: 50px; width: 10.6px; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 70px; height: 10px; border-left: 10.6px solid green"></div>
+
+<!-- two adjacent borders -->
+<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.6px solid green"></div>
+<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.6px solid green"></div>
+<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.6px solid green"></div>
+<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.6px solid green"></div>
+
+<!-- two opposite borders -->
+<div style="top: 10px; left: 170px; height: 10px; border-left: 5.6px solid green; border-right: 5px solid green;"></div>
+<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.6px solid green;"></div>
+<div style="top: 10px; left: 210px; width: 10.6px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
+
+<!-- three borders -->
+<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.6px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.6px solid green; border-bottom: 5px solid green"></div>
+<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.6px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 290px; border-left: 5.6px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
+<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.6px solid green; border-top: 10px solid green"></div>
+<div style="top: 10px; left: 330px; border-left: 5.6px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
+
+<!-- four borders -->
+<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.6px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
+<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.6px solid green"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-base-ref.html b/mozilla/layout/reftests/pixel-rounding/image-base-ref.html
new file mode 100644
index 00000000000..5cffc123590
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-base-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; background: blue; }
+
+div.i1  { left: 10px; }
+div.i3  { left: 40px; }
+div.i5  { left: 70px; }
+div.i25 { left: 100px; }
+
+div.s1  { top: 10px; height: 1px; width: 1px; }
+div.s3  { top: 30px; height: 3px; width: 3px; }
+div.s5  { top: 50px; height: 5px; width: 5px; }
+div.s25 { top: 70px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<div class="s1 i1"></div>
+<div class="s1 i3"></div>
+<div class="s1 i5"></div>
+<div class="s1 i25"></div>
+
+<div class="s3 i1"></div>
+<div class="s3 i3"></div>
+<div class="s3 i5"></div>
+<div class="s3 i25"></div>
+
+<div class="s5 i1"></div>
+<div class="s5 i3"></div>
+<div class="s5 i5"></div>
+<div class="s5 i25"></div>
+
+<div class="s25 i1"></div>
+<div class="s25 i3"></div>
+<div class="s25 i5"></div>
+<div class="s25 i25"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-10-ref.html b/mozilla/layout/reftests/pixel-rounding/image-height-10-ref.html
new file mode 100644
index 00000000000..858e4445a81
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-10-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; background: blue; }
+
+div.i1  { left: 10px; }
+div.i3  { left: 40px; }
+div.i5  { left: 70px; }
+div.i25 { left: 100px; }
+
+div.s1  { top: 10px; height: 2px; width: 1px; }
+div.s3  { top: 30px; height: 4px; width: 3px; }
+div.s5  { top: 50px; height: 6px; width: 5px; }
+div.s25 { top: 70px; height: 26px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<div class="s1 i1"></div>
+<div class="s1 i3"></div>
+<div class="s1 i5"></div>
+<div class="s1 i25"></div>
+
+<div class="s3 i1"></div>
+<div class="s3 i3"></div>
+<div class="s3 i5"></div>
+<div class="s3 i25"></div>
+
+<div class="s5 i1"></div>
+<div class="s5 i3"></div>
+<div class="s5 i5"></div>
+<div class="s5 i25"></div>
+
+<div class="s25 i1"></div>
+<div class="s25 i3"></div>
+<div class="s25 i5"></div>
+<div class="s25 i25"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-4.html b/mozilla/layout/reftests/pixel-rounding/image-height-4.html
new file mode 100644
index 00000000000..1903fdf2934
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1.4px; width: 1px; }
+img.s3  { top: 30px; height: 3.4px; width: 3px; }
+img.s5  { top: 50px; height: 5.4px; width: 5px; }
+img.s25 { top: 70px; height: 25.4px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-5.html b/mozilla/layout/reftests/pixel-rounding/image-height-5.html
new file mode 100644
index 00000000000..de8e3e9c978
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1.5px; width: 1px; }
+img.s3  { top: 30px; height: 3.5px; width: 3px; }
+img.s5  { top: 50px; height: 5.5px; width: 5px; }
+img.s25 { top: 70px; height: 25.5px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-6.html b/mozilla/layout/reftests/pixel-rounding/image-height-6.html
new file mode 100644
index 00000000000..1afc5e6012f
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1.6px; width: 1px; }
+img.s3  { top: 30px; height: 3.6px; width: 3px; }
+img.s5  { top: 50px; height: 5.6px; width: 5px; }
+img.s25 { top: 70px; height: 25.6px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-top-4.html b/mozilla/layout/reftests/pixel-rounding/image-height-top-4.html
new file mode 100644
index 00000000000..5f91bd314ea
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-top-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 9.9px; height: 1.5px; width: 1px; }
+img.s3  { top: 29.9px; height: 3.5px; width: 3px; }
+img.s5  { top: 49.9px; height: 5.5px; width: 5px; }
+img.s25 { top: 69.9px; height: 25.5px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-top-5.html b/mozilla/layout/reftests/pixel-rounding/image-height-top-5.html
new file mode 100644
index 00000000000..de8e3e9c978
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-top-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1.5px; width: 1px; }
+img.s3  { top: 30px; height: 3.5px; width: 3px; }
+img.s5  { top: 50px; height: 5.5px; width: 5px; }
+img.s25 { top: 70px; height: 25.5px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-height-top-6.html b/mozilla/layout/reftests/pixel-rounding/image-height-top-6.html
new file mode 100644
index 00000000000..4f446f3e355
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-height-top-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10.1px; height: 1.5px; width: 1px; }
+img.s3  { top: 30.1px; height: 3.5px; width: 3px; }
+img.s5  { top: 50.1px; height: 5.5px; width: 5px; }
+img.s25 { top: 70.1px; height: 25.5px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-10-ref.html b/mozilla/layout/reftests/pixel-rounding/image-left-10-ref.html
new file mode 100644
index 00000000000..489e4ff3350
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-10-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; background: blue; }
+
+div.i1  { left: 11px; }
+div.i3  { left: 41px; }
+div.i5  { left: 71px; }
+div.i25 { left: 101px; }
+
+div.s1  { top: 10px; height: 1px; width: 1px; }
+div.s3  { top: 30px; height: 3px; width: 3px; }
+div.s5  { top: 50px; height: 5px; width: 5px; }
+div.s25 { top: 70px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<div class="s1 i1"></div>
+<div class="s1 i3"></div>
+<div class="s1 i5"></div>
+<div class="s1 i25"></div>
+
+<div class="s3 i1"></div>
+<div class="s3 i3"></div>
+<div class="s3 i5"></div>
+<div class="s3 i25"></div>
+
+<div class="s5 i1"></div>
+<div class="s5 i3"></div>
+<div class="s5 i5"></div>
+<div class="s5 i25"></div>
+
+<div class="s25 i1"></div>
+<div class="s25 i3"></div>
+<div class="s25 i5"></div>
+<div class="s25 i25"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-4.html b/mozilla/layout/reftests/pixel-rounding/image-left-4.html
new file mode 100644
index 00000000000..d8e2cab2939
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10.4px; }
+img[src="blue-3x3.png"]   { left: 40.4px; }
+img[src="blue-5x5.png"]   { left: 70.4px; }
+img[src="blue-25x25.png"] { left: 100.4px; }
+
+img.s1  { top: 10px; height: 1px; width: 1px; }
+img.s3  { top: 30px; height: 3px; width: 3px; }
+img.s5  { top: 50px; height: 5px; width: 5px; }
+img.s25 { top: 70px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-5.html b/mozilla/layout/reftests/pixel-rounding/image-left-5.html
new file mode 100644
index 00000000000..47c80820d06
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10.5px; }
+img[src="blue-3x3.png"]   { left: 40.5px; }
+img[src="blue-5x5.png"]   { left: 70.5px; }
+img[src="blue-25x25.png"] { left: 100.5px; }
+
+img.s1  { top: 10px; height: 1px; width: 1px; }
+img.s3  { top: 30px; height: 3px; width: 3px; }
+img.s5  { top: 50px; height: 5px; width: 5px; }
+img.s25 { top: 70px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-6.html b/mozilla/layout/reftests/pixel-rounding/image-left-6.html
new file mode 100644
index 00000000000..68ac4e06d63
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10.6px; }
+img[src="blue-3x3.png"]   { left: 40.6px; }
+img[src="blue-5x5.png"]   { left: 70.6px; }
+img[src="blue-25x25.png"] { left: 100.6px; }
+
+img.s1  { top: 10px; height: 1px; width: 1px; }
+img.s3  { top: 30px; height: 3px; width: 3px; }
+img.s5  { top: 50px; height: 5px; width: 5px; }
+img.s25 { top: 70px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-width-4.html b/mozilla/layout/reftests/pixel-rounding/image-left-width-4.html
new file mode 100644
index 00000000000..e192901dd20
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-width-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 9.9px; }
+img[src="blue-3x3.png"]   { left: 39.9px; }
+img[src="blue-5x5.png"]   { left: 69.9px; }
+img[src="blue-25x25.png"] { left: 99.9px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.9px; }
+img.s3  { top: 30px; height: 3px; width: 3.9px; }
+img.s5  { top: 50px; height: 5px; width: 5.9px; }
+img.s25 { top: 70px; height: 25px; width: 25.9px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-width-5.html b/mozilla/layout/reftests/pixel-rounding/image-left-width-5.html
new file mode 100644
index 00000000000..10d384866f9
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-width-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 9.9px; }
+img[src="blue-3x3.png"]   { left: 39.9px; }
+img[src="blue-5x5.png"]   { left: 69.9px; }
+img[src="blue-25x25.png"] { left: 99.9px; }
+
+img.s1  { top: 10px; height: 1px; width: 2px; }
+img.s3  { top: 30px; height: 3px; width: 4px; }
+img.s5  { top: 50px; height: 5px; width: 6px; }
+img.s25 { top: 70px; height: 25px; width: 26px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-left-width-6.html b/mozilla/layout/reftests/pixel-rounding/image-left-width-6.html
new file mode 100644
index 00000000000..98f93122ad0
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-left-width-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 9.9px; }
+img[src="blue-3x3.png"]   { left: 39.9px; }
+img[src="blue-5x5.png"]   { left: 69.9px; }
+img[src="blue-25x25.png"] { left: 99.9px; }
+
+img.s1  { top: 10px; height: 1px; width: 2.1px; }
+img.s3  { top: 30px; height: 3px; width: 4.1px; }
+img.s5  { top: 50px; height: 5px; width: 6.1px; }
+img.s25 { top: 70px; height: 25px; width: 26.1px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-10-ref.html b/mozilla/layout/reftests/pixel-rounding/image-top-10-ref.html
new file mode 100644
index 00000000000..9df47260a93
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-10-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; background: blue; }
+
+div.i1  { left: 10px; }
+div.i3  { left: 40px; }
+div.i5  { left: 70px; }
+div.i25 { left: 100px; }
+
+div.s1  { top: 11px; height: 1px; width: 1px; }
+div.s3  { top: 31px; height: 3px; width: 3px; }
+div.s5  { top: 51px; height: 5px; width: 5px; }
+div.s25 { top: 71px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<div class="s1 i1"></div>
+<div class="s1 i3"></div>
+<div class="s1 i5"></div>
+<div class="s1 i25"></div>
+
+<div class="s3 i1"></div>
+<div class="s3 i3"></div>
+<div class="s3 i5"></div>
+<div class="s3 i25"></div>
+
+<div class="s5 i1"></div>
+<div class="s5 i3"></div>
+<div class="s5 i5"></div>
+<div class="s5 i25"></div>
+
+<div class="s25 i1"></div>
+<div class="s25 i3"></div>
+<div class="s25 i5"></div>
+<div class="s25 i25"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-4.html b/mozilla/layout/reftests/pixel-rounding/image-top-4.html
new file mode 100644
index 00000000000..82b260ad376
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10.4px; height: 1px; width: 1px; }
+img.s3  { top: 30.4px; height: 3px; width: 3px; }
+img.s5  { top: 50.4px; height: 5px; width: 5px; }
+img.s25 { top: 70.4px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-5.html b/mozilla/layout/reftests/pixel-rounding/image-top-5.html
new file mode 100644
index 00000000000..9fe616c5d1f
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10.5px; height: 1px; width: 1px; }
+img.s3  { top: 30.5px; height: 3px; width: 3px; }
+img.s5  { top: 50.5px; height: 5px; width: 5px; }
+img.s25 { top: 70.5px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-6.html b/mozilla/layout/reftests/pixel-rounding/image-top-6.html
new file mode 100644
index 00000000000..d634da9bf9d
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10.6px; height: 1px; width: 1px; }
+img.s3  { top: 30.6px; height: 3px; width: 3px; }
+img.s5  { top: 50.6px; height: 5px; width: 5px; }
+img.s25 { top: 70.6px; height: 25px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-height-4.html b/mozilla/layout/reftests/pixel-rounding/image-top-height-4.html
new file mode 100644
index 00000000000..b9127bb0567
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-height-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top:  9.5px; height: 1.9px; width: 1px; }
+img.s3  { top: 29.5px; height: 3.9px; width: 3px; }
+img.s5  { top: 49.5px; height: 5.9px; width: 5px; }
+img.s25 { top: 69.5px; height: 25.9px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-height-5.html b/mozilla/layout/reftests/pixel-rounding/image-top-height-5.html
new file mode 100644
index 00000000000..b9c6f4b92c7
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-height-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top:  9.5px; height: 2px; width: 1px; }
+img.s3  { top: 29.5px; height: 4px; width: 3px; }
+img.s5  { top: 49.5px; height: 6px; width: 5px; }
+img.s25 { top: 69.5px; height: 26px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-top-height-6.html b/mozilla/layout/reftests/pixel-rounding/image-top-height-6.html
new file mode 100644
index 00000000000..35b97b3eaf0
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-top-height-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top:  9.5px; height: 2.1px; width: 1px; }
+img.s3  { top: 29.5px; height: 4.1px; width: 3px; }
+img.s5  { top: 49.5px; height: 6.1px; width: 5px; }
+img.s25 { top: 69.5px; height: 26.1px; width: 25px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-10-ref.html b/mozilla/layout/reftests/pixel-rounding/image-width-10-ref.html
new file mode 100644
index 00000000000..650389da4cb
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-10-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { position: absolute; background: blue; }
+
+div.i1  { left: 10px; }
+div.i3  { left: 40px; }
+div.i5  { left: 70px; }
+div.i25 { left: 100px; }
+
+div.s1  { top: 10px; height: 1px; width: 2px; }
+div.s3  { top: 30px; height: 3px; width: 4px; }
+div.s5  { top: 50px; height: 5px; width: 6px; }
+div.s25 { top: 70px; height: 25px; width: 26px; }
+
+</style>
+</head>
+<body>
+
+<div class="s1 i1"></div>
+<div class="s1 i3"></div>
+<div class="s1 i5"></div>
+<div class="s1 i25"></div>
+
+<div class="s3 i1"></div>
+<div class="s3 i3"></div>
+<div class="s3 i5"></div>
+<div class="s3 i25"></div>
+
+<div class="s5 i1"></div>
+<div class="s5 i3"></div>
+<div class="s5 i5"></div>
+<div class="s5 i25"></div>
+
+<div class="s25 i1"></div>
+<div class="s25 i3"></div>
+<div class="s25 i5"></div>
+<div class="s25 i25"></div>
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-4.html b/mozilla/layout/reftests/pixel-rounding/image-width-4.html
new file mode 100644
index 00000000000..39a4df62d2b
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.4px; }
+img.s3  { top: 30px; height: 3px; width: 3.4px; }
+img.s5  { top: 50px; height: 5px; width: 5.4px; }
+img.s25 { top: 70px; height: 25px; width: 25.4px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-5.html b/mozilla/layout/reftests/pixel-rounding/image-width-5.html
new file mode 100644
index 00000000000..d1673b33699
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.5px; }
+img.s3  { top: 30px; height: 3px; width: 3.5px; }
+img.s5  { top: 50px; height: 5px; width: 5.5px; }
+img.s25 { top: 70px; height: 25px; width: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-6.html b/mozilla/layout/reftests/pixel-rounding/image-width-6.html
new file mode 100644
index 00000000000..a3929ff30e5
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.6px; }
+img.s3  { top: 30px; height: 3px; width: 3.6px; }
+img.s5  { top: 50px; height: 5px; width: 5.6px; }
+img.s25 { top: 70px; height: 25px; width: 25.6px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-left-4.html b/mozilla/layout/reftests/pixel-rounding/image-width-left-4.html
new file mode 100644
index 00000000000..b9d381ed76e
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-left-4.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 9.9px; }
+img[src="blue-3x3.png"]   { left: 39.9px; }
+img[src="blue-5x5.png"]   { left: 69.9px; }
+img[src="blue-25x25.png"] { left: 99.9px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.5px; }
+img.s3  { top: 30px; height: 3px; width: 3.5px; }
+img.s5  { top: 50px; height: 5px; width: 5.5px; }
+img.s25 { top: 70px; height: 25px; width: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-left-5.html b/mozilla/layout/reftests/pixel-rounding/image-width-left-5.html
new file mode 100644
index 00000000000..d1673b33699
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-left-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10px; }
+img[src="blue-3x3.png"]   { left: 40px; }
+img[src="blue-5x5.png"]   { left: 70px; }
+img[src="blue-25x25.png"] { left: 100px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.5px; }
+img.s3  { top: 30px; height: 3px; width: 3.5px; }
+img.s5  { top: 50px; height: 5px; width: 5.5px; }
+img.s25 { top: 70px; height: 25px; width: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/image-width-left-6.html b/mozilla/layout/reftests/pixel-rounding/image-width-left-6.html
new file mode 100644
index 00000000000..2d91aec4038
--- /dev/null
+++ b/mozilla/layout/reftests/pixel-rounding/image-width-left-6.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { position: absolute; }
+
+img[src="blue-1x1.png"]   { left: 10.1px; }
+img[src="blue-3x3.png"]   { left: 40.1px; }
+img[src="blue-5x5.png"]   { left: 70.1px; }
+img[src="blue-25x25.png"] { left: 100.1px; }
+
+img.s1  { top: 10px; height: 1px; width: 1.5px; }
+img.s3  { top: 30px; height: 3px; width: 3.5px; }
+img.s5  { top: 50px; height: 5px; width: 5.5px; }
+img.s25 { top: 70px; height: 25px; width: 25.5px; }
+
+</style>
+</head>
+<body>
+
+<img class="s1" src="blue-1x1.png">
+<img class="s1" src="blue-3x3.png">
+<img class="s1" src="blue-5x5.png">
+<img class="s1" src="blue-25x25.png">
+
+<img class="s3" src="blue-1x1.png">
+<img class="s3" src="blue-3x3.png">
+<img class="s3" src="blue-5x5.png">
+<img class="s3" src="blue-25x25.png">
+
+<img class="s5" src="blue-1x1.png">
+<img class="s5" src="blue-3x3.png">
+<img class="s5" src="blue-5x5.png">
+<img class="s5" src="blue-25x25.png">
+
+<img class="s25" src="blue-1x1.png">
+<img class="s25" src="blue-3x3.png">
+<img class="s25" src="blue-5x5.png">
+<img class="s25" src="blue-25x25.png">
+
+</body>
+</html>
diff --git a/mozilla/layout/reftests/pixel-rounding/reftest.list b/mozilla/layout/reftests/pixel-rounding/reftest.list
index 60f85fc2e13..2f60fd935b3 100644
--- a/mozilla/layout/reftests/pixel-rounding/reftest.list
+++ b/mozilla/layout/reftests/pixel-rounding/reftest.list
@@ -1,5 +1,7 @@
 random == check-image.html check-image-ref.html # bug 371232
 == check-image-blue.html check-image-blue-ref.html
+
+
 != background-color-base.html background-color-height-10.html
 == background-color-height-4.html background-color-base.html
 == background-color-height-5.html background-color-height-10.html
@@ -28,6 +30,8 @@ random == check-image.html check-image-ref.html # bug 371232
 == background-color-width-left-4.html background-color-width-4.html
 == background-color-width-left-5.html background-color-width-5.html
 == background-color-width-left-6.html background-color-width-6.html
+
+
 != border-base-ref.html border-height-10-ref.html
 fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-height-4.html border-base-ref.html # bug 361523
 == border-height-5.html border-height-10-ref.html
@@ -44,6 +48,8 @@ fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == border-left-6.html border-left-10-ref.h
 fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-4.html border-base-ref.html # bug 361523
 fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-5.html border-top-10-ref.html # bug 361523
 fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-6.html border-top-10-ref.html # bug 361523
+
+
 != background-image-base.html background-image-height-10-ref.html
 == background-image-height-4.html background-image-base.html
 fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == background-image-height-5.html background-image-height-10-ref.html # bug 371225
@@ -75,3 +81,51 @@ random == background-image-height-top-6.html background-image-height-6.html
 random == background-image-width-left-4.html background-image-width-4.html
 random == background-image-width-left-5.html background-image-width-5.html
 random == background-image-width-left-6.html background-image-width-6.html
+
+
+# These all fail due to any of bug 371182, bug 155955, and maybe also
+# bug 371180, plus a bunch of other bugs that ought to be filed.
+fails == collapsed-border-height-4.html border-base-ref.html
+fails == collapsed-border-height-5.html border-height-10-ref.html
+fails == collapsed-border-height-6.html border-height-10-ref.html
+fails == collapsed-border-width-4.html border-base-ref.html
+fails == collapsed-border-width-5.html border-width-10-ref.html
+fails == collapsed-border-width-6.html border-width-10-ref.html
+fails == collapsed-border-left-4.html border-base-ref.html
+fails == collapsed-border-left-5.html border-left-10-ref.html
+fails == collapsed-border-left-6.html border-left-10-ref.html
+fails == collapsed-border-top-4.html border-base-ref.html
+fails == collapsed-border-top-5.html border-top-10-ref.html
+fails == collapsed-border-top-6.html border-top-10-ref.html
+
+
+# These failures are all a bug related to the image scaling code that
+# needs to be filed.
+# != image-base-ref.html image-height-10-ref.html
+# == image-height-4.html image-base-ref.html
+# fails == image-height-5.html image-height-10-ref.html
+# == image-height-6.html image-height-10-ref.html
+# != image-base-ref.html image-top-10-ref.html
+# fails == image-top-4.html image-base-ref.html
+# fails == image-top-5.html image-top-10-ref.html
+# == image-top-6.html image-top-10-ref.html
+# != image-base-ref.html image-width-10-ref.html
+# == image-width-4.html image-base-ref.html
+# fails == image-width-5.html image-width-10-ref.html
+# == image-width-6.html image-width-10-ref.html
+# != image-base-ref.html image-left-10-ref.html
+# fails == image-left-4.html image-base-ref.html
+# fails == image-left-5.html image-left-10-ref.html
+# == image-left-6.html image-left-10-ref.html
+# fails == image-top-height-4.html image-height-4.html
+# fails == image-top-height-5.html image-height-5.html
+# fails == image-top-height-6.html image-height-6.html
+# fails == image-left-width-4.html image-width-4.html
+# fails == image-left-width-5.html image-width-5.html
+# fails == image-left-width-6.html image-width-6.html
+# fails == image-height-top-4.html image-height-4.html
+# fails == image-height-top-5.html image-height-5.html
+# fails == image-height-top-6.html image-height-6.html
+# fails == image-width-left-4.html image-width-4.html
+# fails == image-width-left-5.html image-width-5.html
+# fails == image-width-left-6.html image-width-6.html