Switch from green to blue to avoid bug 371232 (but leave one affected test).

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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; }

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>

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>

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.