Fix the bug that negative outline-offset is covered up by composited

third_party/WebKit/LayoutTests/compositing/overflow/universal-accelerated-overflow-scroll-expected.txt

 {
   "layers": [
     {
       "name": "LayoutView #document",
       "bounds": [785, 2016],
       "contentsOpaque": true,
       "drawsContent": true
     },
     {
       "name": "Squashing Containment Layer",
@@ skipping 31 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV id='positioned-absolute-grandchildren-not-contained' class='positionAbsolute positioned')",
       "position": [35, 75],
       "bounds": [80, 40],
       "drawsContent": true
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
@@ skipping 42 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-grandchildren' class='positionAbsolute positioned'",
       "position": [157, 18],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
@@ skipping 39 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV id='positioned-absolute-not-contained' class='positionAbsolute positioned')",
       "position": [275, 75],
       "bounds": [80, 40],
       "drawsContent": true
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
@@ skipping 46 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling-grandchildren-not-contained' class='positionAbsolute positioned')",
       "position": [395, 75],
       "bounds": [80, 40],
       "drawsContent": true
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
@@ skipping 42 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling-grandchildren' class='positionAbsolute positioned'",
       "position": [37, 138],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
@@ skipping 39 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling-not-contained' class='positionAbsolute positioned')",
       "position": [155, 195],
       "bounds": [80, 40],
       "drawsContent": true
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
@@ skipping 41 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute-sibling' class='positionAbsolute positioned'",
       "position": [277, 138],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
@@ skipping 35 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
     },
     {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-absolute' class='positionAbsolute positioned'",
       "position": [397, 138],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
@@ skipping 36 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling-grandchildren' class='positionFixed positioned'",
       "position": [35, 315],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
@@ skipping 43 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-sibling' class='positionFixed positioned'",
       "position": [155, 315],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
@@ skipping 44 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed-grandchildren' class='positionFixed positioned'",
       "position": [275, 315],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
@@ skipping 43 matching lines @@
       "position": [87, 2],
       "bounds": [15, 85]
     },
     {
       "name": "Scroll Corner Layer",
       "position": [87, 87],
       "bounds": [15, 15],
       "drawsContent": true
     },
     {
+      "name": "Decoration Layer",
+      "bounds": [104, 104],
+      "drawsContent": true
+    },
+    {
       "name": "LayoutBlockFlow (positioned) DIV id='positioned-fixed' class='positionFixed positioned'",
       "position": [395, 315],
       "bounds": [80, 40],
       "contentsOpaque": true,
       "drawsContent": true,
       "backgroundColor": "#800080"
     },
     {
       "name": "Squashing Containment Layer",
       "shouldFlattenTransform": false
@@ skipping 272 matching lines @@
     },
     {
       "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (relative positioned) DIV id='scrolled-fixed' class='scrolled onTop')",
       "position": [376, 253],
       "bounds": [75, 80],
       "drawsContent": true
     }
   ]
 }