diff --git a/layout/reftests/pixel-rounding/background-image-base.html b/layout/reftests/pixel-rounding/background-image-base.html
index f22429c37238..7233e2717dc1 100644
--- a/layout/reftests/pixel-rounding/background-image-base.html
+++ b/layout/reftests/pixel-rounding/background-image-base.html
@@ -7,7 +7,7 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div { background: green; } /* for reference only */
+div { background: blue; } /* for reference only */
 
 div.i1  { top: 10px; }
 div.i3  { top: 30px; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-10-ref.html b/layout/reftests/pixel-rounding/background-image-height-10-ref.html
index 119b170147f6..41cd583d24b8 100644
--- a/layout/reftests/pixel-rounding/background-image-height-10-ref.html
+++ b/layout/reftests/pixel-rounding/background-image-height-10-ref.html
@@ -7,7 +7,7 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 11px; width: 10px; }
 
-div { background: green; } /* for reference only */
+div { background: blue; } /* for reference only */
 
 div.i1  { top: 10px; }
 div.i3  { top: 30px; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-4.html b/layout/reftests/pixel-rounding/background-image-height-4.html
index dfe637b3a049..763e710f0ab7 100644
--- a/layout/reftests/pixel-rounding/background-image-height-4.html
+++ b/layout/reftests/pixel-rounding/background-image-height-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.4px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-5.html b/layout/reftests/pixel-rounding/background-image-height-5.html
index de2bed8884cb..0c4b3298a315 100644
--- a/layout/reftests/pixel-rounding/background-image-height-5.html
+++ b/layout/reftests/pixel-rounding/background-image-height-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.5px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-6.html b/layout/reftests/pixel-rounding/background-image-height-6.html
index 8ea00191a231..6571ecd47762 100644
--- a/layout/reftests/pixel-rounding/background-image-height-6.html
+++ b/layout/reftests/pixel-rounding/background-image-height-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.6px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-4.html b/layout/reftests/pixel-rounding/background-image-height-top-4.html
index 901a745da63e..beff787fba21 100644
--- a/layout/reftests/pixel-rounding/background-image-height-top-4.html
+++ b/layout/reftests/pixel-rounding/background-image-height-top-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.5px; width: 10px; }
 
-div.i1  { top: 9.9px; background-image: url(green-1x1.png); }
-div.i3  { top: 29.9px; background-image: url(green-3x3.png); }
-div.i5  { top: 49.9px; background-image: url(green-5x5.png); }
-div.i25 { top: 69.9px; background-image: url(green-25x25.png); }
+div.i1  { top: 9.9px; background-image: url(blue-1x1.png); }
+div.i3  { top: 29.9px; background-image: url(blue-3x3.png); }
+div.i5  { top: 49.9px; background-image: url(blue-5x5.png); }
+div.i25 { top: 69.9px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-5.html b/layout/reftests/pixel-rounding/background-image-height-top-5.html
index de2bed8884cb..0c4b3298a315 100644
--- a/layout/reftests/pixel-rounding/background-image-height-top-5.html
+++ b/layout/reftests/pixel-rounding/background-image-height-top-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.5px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-height-top-6.html b/layout/reftests/pixel-rounding/background-image-height-top-6.html
index 33b9a195e939..13907dd00f73 100644
--- a/layout/reftests/pixel-rounding/background-image-height-top-6.html
+++ b/layout/reftests/pixel-rounding/background-image-height-top-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.5px; width: 10px; }
 
-div.i1  { top: 10.1px; background-image: url(green-1x1.png); }
-div.i3  { top: 30.1px; background-image: url(green-3x3.png); }
-div.i5  { top: 50.1px; background-image: url(green-5x5.png); }
-div.i25 { top: 70.1px; background-image: url(green-25x25.png); }
+div.i1  { top: 10.1px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30.1px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50.1px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70.1px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-10-ref.html b/layout/reftests/pixel-rounding/background-image-left-10-ref.html
index 62fe88a7c31f..e661856798e2 100644
--- a/layout/reftests/pixel-rounding/background-image-left-10-ref.html
+++ b/layout/reftests/pixel-rounding/background-image-left-10-ref.html
@@ -7,7 +7,7 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div { background: green; } /* for reference only */
+div { background: blue; } /* for reference only */
 
 div.i1  { top: 10px; }
 div.i3  { top: 30px; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-4.html b/layout/reftests/pixel-rounding/background-image-left-4.html
index 2bf3dc973e5e..74e09f81ac25 100644
--- a/layout/reftests/pixel-rounding/background-image-left-4.html
+++ b/layout/reftests/pixel-rounding/background-image-left-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10.4px; background-position: top left; }
 div.p2 { left: 30.4px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-5.html b/layout/reftests/pixel-rounding/background-image-left-5.html
index c58a8b55d6c1..7c38213436de 100644
--- a/layout/reftests/pixel-rounding/background-image-left-5.html
+++ b/layout/reftests/pixel-rounding/background-image-left-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10.5px; background-position: top left; }
 div.p2 { left: 30.5px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-6.html b/layout/reftests/pixel-rounding/background-image-left-6.html
index 24c8d6642740..d7c2bd6ed9a3 100644
--- a/layout/reftests/pixel-rounding/background-image-left-6.html
+++ b/layout/reftests/pixel-rounding/background-image-left-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10.6px; background-position: top left; }
 div.p2 { left: 30.6px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-4.html b/layout/reftests/pixel-rounding/background-image-left-width-4.html
index df8d8ad1985a..f4a86ff7543b 100644
--- a/layout/reftests/pixel-rounding/background-image-left-width-4.html
+++ b/layout/reftests/pixel-rounding/background-image-left-width-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.9px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 9.5px; background-position: top left; }
 div.p2 { left: 29.5px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-5.html b/layout/reftests/pixel-rounding/background-image-left-width-5.html
index 026067bec529..54b39f39097a 100644
--- a/layout/reftests/pixel-rounding/background-image-left-width-5.html
+++ b/layout/reftests/pixel-rounding/background-image-left-width-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 11px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 9.5px; background-position: top left; }
 div.p2 { left: 29.5px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-left-width-6.html b/layout/reftests/pixel-rounding/background-image-left-width-6.html
index 70ea6c9c5a7e..3514e28c057b 100644
--- a/layout/reftests/pixel-rounding/background-image-left-width-6.html
+++ b/layout/reftests/pixel-rounding/background-image-left-width-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 11.1px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 9.5px; background-position: top left; }
 div.p2 { left: 29.5px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-10-ref.html b/layout/reftests/pixel-rounding/background-image-top-10-ref.html
index 9a9ebff5c1d2..f41a1626bc27 100644
--- a/layout/reftests/pixel-rounding/background-image-top-10-ref.html
+++ b/layout/reftests/pixel-rounding/background-image-top-10-ref.html
@@ -7,7 +7,7 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div { background: green; } /* for reference only */
+div { background: blue; } /* for reference only */
 
 div.i1  { top: 11px; }
 div.i3  { top: 31px; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-4.html b/layout/reftests/pixel-rounding/background-image-top-4.html
index a43f4b86e1fe..7bfdfe0bc74d 100644
--- a/layout/reftests/pixel-rounding/background-image-top-4.html
+++ b/layout/reftests/pixel-rounding/background-image-top-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10.4px; background-image: url(green-1x1.png); }
-div.i3  { top: 30.4px; background-image: url(green-3x3.png); }
-div.i5  { top: 50.4px; background-image: url(green-5x5.png); }
-div.i25 { top: 70.4px; background-image: url(green-25x25.png); }
+div.i1  { top: 10.4px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30.4px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50.4px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70.4px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-5.html b/layout/reftests/pixel-rounding/background-image-top-5.html
index 0298b7885771..33a774cb97f9 100644
--- a/layout/reftests/pixel-rounding/background-image-top-5.html
+++ b/layout/reftests/pixel-rounding/background-image-top-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10.5px; background-image: url(green-1x1.png); }
-div.i3  { top: 30.5px; background-image: url(green-3x3.png); }
-div.i5  { top: 50.5px; background-image: url(green-5x5.png); }
-div.i25 { top: 70.5px; background-image: url(green-25x25.png); }
+div.i1  { top: 10.5px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30.5px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50.5px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70.5px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-6.html b/layout/reftests/pixel-rounding/background-image-top-6.html
index 9f39d7a7e30e..18fdbf62af64 100644
--- a/layout/reftests/pixel-rounding/background-image-top-6.html
+++ b/layout/reftests/pixel-rounding/background-image-top-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10px; }
 
-div.i1  { top: 10.6px; background-image: url(green-1x1.png); }
-div.i3  { top: 30.6px; background-image: url(green-3x3.png); }
-div.i5  { top: 50.6px; background-image: url(green-5x5.png); }
-div.i25 { top: 70.6px; background-image: url(green-25x25.png); }
+div.i1  { top: 10.6px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30.6px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50.6px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70.6px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-4.html b/layout/reftests/pixel-rounding/background-image-top-height-4.html
index 99f2958f9b2e..2da79e5939f9 100644
--- a/layout/reftests/pixel-rounding/background-image-top-height-4.html
+++ b/layout/reftests/pixel-rounding/background-image-top-height-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10.9px; width: 10px; }
 
-div.i1  { top: 9.5px; background-image: url(green-1x1.png); }
-div.i3  { top: 29.5px; background-image: url(green-3x3.png); }
-div.i5  { top: 49.5px; background-image: url(green-5x5.png); }
-div.i25 { top: 69.5px; background-image: url(green-25x25.png); }
+div.i1  { top: 9.5px; background-image: url(blue-1x1.png); }
+div.i3  { top: 29.5px; background-image: url(blue-3x3.png); }
+div.i5  { top: 49.5px; background-image: url(blue-5x5.png); }
+div.i25 { top: 69.5px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-5.html b/layout/reftests/pixel-rounding/background-image-top-height-5.html
index a6e467d7e7e4..61030791a409 100644
--- a/layout/reftests/pixel-rounding/background-image-top-height-5.html
+++ b/layout/reftests/pixel-rounding/background-image-top-height-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 11px; width: 10px; }
 
-div.i1  { top: 9.5px; background-image: url(green-1x1.png); }
-div.i3  { top: 29.5px; background-image: url(green-3x3.png); }
-div.i5  { top: 49.5px; background-image: url(green-5x5.png); }
-div.i25 { top: 69.5px; background-image: url(green-25x25.png); }
+div.i1  { top: 9.5px; background-image: url(blue-1x1.png); }
+div.i3  { top: 29.5px; background-image: url(blue-3x3.png); }
+div.i5  { top: 49.5px; background-image: url(blue-5x5.png); }
+div.i25 { top: 69.5px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-top-height-6.html b/layout/reftests/pixel-rounding/background-image-top-height-6.html
index 86d659494f14..26db7c0b8f93 100644
--- a/layout/reftests/pixel-rounding/background-image-top-height-6.html
+++ b/layout/reftests/pixel-rounding/background-image-top-height-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 11.1px; width: 10px; }
 
-div.i1  { top: 9.5px; background-image: url(green-1x1.png); }
-div.i3  { top: 29.5px; background-image: url(green-3x3.png); }
-div.i5  { top: 49.5px; background-image: url(green-5x5.png); }
-div.i25 { top: 69.5px; background-image: url(green-25x25.png); }
+div.i1  { top: 9.5px; background-image: url(blue-1x1.png); }
+div.i3  { top: 29.5px; background-image: url(blue-3x3.png); }
+div.i5  { top: 49.5px; background-image: url(blue-5x5.png); }
+div.i25 { top: 69.5px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-10-ref.html b/layout/reftests/pixel-rounding/background-image-width-10-ref.html
index c7f34ba3d560..f3f70b7de2e4 100644
--- a/layout/reftests/pixel-rounding/background-image-width-10-ref.html
+++ b/layout/reftests/pixel-rounding/background-image-width-10-ref.html
@@ -7,7 +7,7 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 11px; }
 
-div { background: green; } /* for reference only */
+div { background: blue; } /* for reference only */
 
 div.i1  { top: 10px; }
 div.i3  { top: 30px; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-4.html b/layout/reftests/pixel-rounding/background-image-width-4.html
index 2bbc5e320e65..3bcd21269f08 100644
--- a/layout/reftests/pixel-rounding/background-image-width-4.html
+++ b/layout/reftests/pixel-rounding/background-image-width-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.4px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-5.html b/layout/reftests/pixel-rounding/background-image-width-5.html
index da5077ce71f5..ac6f860fe438 100644
--- a/layout/reftests/pixel-rounding/background-image-width-5.html
+++ b/layout/reftests/pixel-rounding/background-image-width-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.5px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-6.html b/layout/reftests/pixel-rounding/background-image-width-6.html
index b7194effef1b..128a6abcf67b 100644
--- a/layout/reftests/pixel-rounding/background-image-width-6.html
+++ b/layout/reftests/pixel-rounding/background-image-width-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.6px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-4.html b/layout/reftests/pixel-rounding/background-image-width-left-4.html
index 5b71b096a727..b45b868c348b 100644
--- a/layout/reftests/pixel-rounding/background-image-width-left-4.html
+++ b/layout/reftests/pixel-rounding/background-image-width-left-4.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.5px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 9.9px; background-position: top left; }
 div.p2 { left: 29.9px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-5.html b/layout/reftests/pixel-rounding/background-image-width-left-5.html
index da5077ce71f5..ac6f860fe438 100644
--- a/layout/reftests/pixel-rounding/background-image-width-left-5.html
+++ b/layout/reftests/pixel-rounding/background-image-width-left-5.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.5px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10px; background-position: top left; }
 div.p2 { left: 30px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/background-image-width-left-6.html b/layout/reftests/pixel-rounding/background-image-width-left-6.html
index 4c495c095050..ec3ab5576ab8 100644
--- a/layout/reftests/pixel-rounding/background-image-width-left-6.html
+++ b/layout/reftests/pixel-rounding/background-image-width-left-6.html
@@ -7,10 +7,10 @@
 html, body { margin: 0; border: none; padding: 0; }
 div { position: absolute; height: 10px; width: 10.5px; }
 
-div.i1  { top: 10px; background-image: url(green-1x1.png); }
-div.i3  { top: 30px; background-image: url(green-3x3.png); }
-div.i5  { top: 50px; background-image: url(green-5x5.png); }
-div.i25 { top: 70px; background-image: url(green-25x25.png); }
+div.i1  { top: 10px; background-image: url(blue-1x1.png); }
+div.i3  { top: 30px; background-image: url(blue-3x3.png); }
+div.i5  { top: 50px; background-image: url(blue-5x5.png); }
+div.i25 { top: 70px; background-image: url(blue-25x25.png); }
 
 div.p1 { left: 10.1px; background-position: top left; }
 div.p2 { left: 30.1px; background-position: top; }
diff --git a/layout/reftests/pixel-rounding/blue-1x1.png b/layout/reftests/pixel-rounding/blue-1x1.png
new file mode 100644
index 000000000000..5da013700156
Binary files /dev/null and b/layout/reftests/pixel-rounding/blue-1x1.png differ
diff --git a/layout/reftests/pixel-rounding/blue-25x25.png b/layout/reftests/pixel-rounding/blue-25x25.png
new file mode 100644
index 000000000000..dfe7542b82a8
Binary files /dev/null and b/layout/reftests/pixel-rounding/blue-25x25.png differ
diff --git a/layout/reftests/pixel-rounding/blue-3x3.png b/layout/reftests/pixel-rounding/blue-3x3.png
new file mode 100644
index 000000000000..c049b55008a1
Binary files /dev/null and b/layout/reftests/pixel-rounding/blue-3x3.png differ
diff --git a/layout/reftests/pixel-rounding/blue-5x5.png b/layout/reftests/pixel-rounding/blue-5x5.png
new file mode 100644
index 000000000000..35d8f3368446
Binary files /dev/null and b/layout/reftests/pixel-rounding/blue-5x5.png differ
diff --git a/layout/reftests/pixel-rounding/check-image-blue-ref.html b/layout/reftests/pixel-rounding/check-image-blue-ref.html
new file mode 100644
index 000000000000..7219b2e448a5
--- /dev/null
+++ b/layout/reftests/pixel-rounding/check-image-blue-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+div { margin: 10px; background: blue; }
+
+</style>
+</head>
+<body>
+<div style="width: 1px; height: 1px"></div>
+<div style="width: 3px; height: 3px"></div>
+<div style="width: 5px; height: 5px"></div>
+<div style="width: 25px; height: 25px"></div>
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/check-image-blue.html b/layout/reftests/pixel-rounding/check-image-blue.html
new file mode 100644
index 000000000000..28f596cdb6fd
--- /dev/null
+++ b/layout/reftests/pixel-rounding/check-image-blue.html
@@ -0,0 +1,18 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Pixel rounding testcase</title>
+<style type="text/css">
+
+html, body { margin: 0; border: none; padding: 0; }
+img { margin: 10px; display: block; }
+
+</style>
+</head>
+<body>
+<img src="blue-1x1.png">
+<img src="blue-3x3.png">
+<img src="blue-5x5.png">
+<img src="blue-25x25.png">
+</body>
+</html>
diff --git a/layout/reftests/pixel-rounding/reftest.list b/layout/reftests/pixel-rounding/reftest.list
index 9f28e17729c2..60f85fc2e132 100644
--- a/layout/reftests/pixel-rounding/reftest.list
+++ b/layout/reftests/pixel-rounding/reftest.list
@@ -1,4 +1,5 @@
 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
@@ -44,21 +45,21 @@ fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-4.html border-base-ref.html
 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
-random == background-image-height-4.html background-image-base.html # bug 371232
-random fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == background-image-height-5.html background-image-height-10-ref.html # bug 371225 # bug 371232
-random == background-image-height-6.html background-image-height-10-ref.html # bug 371232
+== 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
+== background-image-height-6.html background-image-height-10-ref.html
 != background-image-base.html background-image-top-10-ref.html
-random == background-image-top-4.html background-image-base.html # bug 371232
-random == background-image-top-5.html background-image-top-10-ref.html # bug 371232
-random == background-image-top-6.html background-image-top-10-ref.html # bug 371232
+== background-image-top-4.html background-image-base.html
+== background-image-top-5.html background-image-top-10-ref.html
+== background-image-top-6.html background-image-top-10-ref.html
 != background-image-base.html background-image-width-10-ref.html
-random == background-image-width-4.html background-image-base.html # bug 371232
-random fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == background-image-width-5.html background-image-width-10-ref.html # bug 371225 # bug 371232
-random == background-image-width-6.html background-image-width-10-ref.html # bug 371232
+== background-image-width-4.html background-image-base.html
+fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == background-image-width-5.html background-image-width-10-ref.html # bug 371225
+== background-image-width-6.html background-image-width-10-ref.html
 != background-image-base.html background-image-left-10-ref.html
-random == background-image-left-4.html background-image-base.html # bug 371232
-random == background-image-left-5.html background-image-left-10-ref.html # bug 371232
-random == background-image-left-6.html background-image-left-10-ref.html # bug 371232
+== background-image-left-4.html background-image-base.html
+== background-image-left-5.html background-image-left-10-ref.html
+== background-image-left-6.html background-image-left-10-ref.html
 # These tests have different patterns of failures on different
 # platforms.  It doesn't make sense yet, but once bug 371225 is fixed
 # they might make more sense.